Bookmarks

书签栏

Academic

知网

毕业助手-免费中文文献库,英文文献库,顶级pubmed数据库、高权OVID数据库、 SD数据库、SCI 数据库
检索—中国知网
毕业助手知网使用视频10.12 来自邻小粥v - 微博
书童图书馆,知网免费下载知网免费入口论文免费下载2020 中国知网/维普/万方论文免费下载入口
知网研学(原E-Study)
知网研学

计算机技术与软件专业技术资格(水平)考试

中国计算机职业资格网
中国计算机技术职业资格网
软考备考经验总结【超详细】 - 幕布
希赛网_专业的在线教育平台

Device Types | Nmap Network Scanning

Game

百度页游中心
三国杀 百度一区(贴吧专区)
新三国杀_十年全新版本!
贴吧游戏-三国杀Online-贴吧专区
百度游戏-三国杀Online-百度一区
Board Game Arena: 挑选你最喜爱的游戏在线上游玩 • Board Game Arena
遊戲列表 • Board Game Arena

Government Affairs

苏州工业园区社会保险基金和公积金管理中心
个人会员编号查询
网上业务登录
(23) 江泽民怒斥香港记者[1080p高清完整版] - YouTube
苏州市专业技术人员职称管理服务平台
苏州个人征信报告查询网点(地址+电话)2020年最新版 - 苏州公积金 - 姑苏网 - 苏州综合社区门户网站|苏州论坛|姑苏论坛|苏州门户网
自然人电子税务局
苏高新人事代理网上一站式服务系统
国家标准全文公开
求职、招聘 苏州高新人才网欢迎你
苏州市高层次人才一站式服务平台
苏州市购房资格核查系统上线 - 苏州市人民政府
首页
苏州市区商品房销售网上管理系统
苏州市人民政府
中国高等教育学生信息网(学信网)
中国学位与研究生教育信息网(学位网)
中华人民共和国民政部
全国大学英语四、六级考试(CET) - 中国教育考试网
江苏省教育考试院

Project

Eoulu

EOULU软件项目管理
Bugzilla Main Page
OA/ — VisualSVN Server
个人中心
futureD数据管理与分析系统
ulu-冲锋鸡系统登录页面Eo
futureD数据管理与数据分析
futureD数据管理与数据分析
futureD数据管理与分析系统
futureD数据管理与数据分析
58.210.123.22:8085/futureD/login/login.jsp
futureD数据管理与分析系统

other

Luther

Luther
V4.0

东吴证券

信息技术总部工作管理平台
信息技术总部工作管理平台
信息技术总部工作管理平台
易驰统一接入管控平台
统一接入平台 project overview - Bitbucket
东吴证券易驰统一接入管理平台
我的视图 - MantisBT
通用报表平台
Discover: ac过滤规则 - Kibana
Kibana
控制面板 - 信息技术总部 Git
YApi-高效、易用、功能强大的可视化接口管理平台
浏览项目 - JIRA
GZGLPT board - 敏捷看板 - JIRA
Browse 罗奕梁 / WorkManagementWeb - Bitbucket
Iconfont-阿里巴巴矢量图标库

东软思芮

上海思芮信息科技有限公司
网易企业邮箱 - 登录入口

中移

BC-VASO

开发环境

VASO运维管理平台
VASO运维管理平台
10.254.2.126

测试环境

VASO运维管理平台
VASO运维管理平台

终端节点(VPC Endpoint)_VPCEP_终端节点服务_云服务器-华为云
bc_vaso_ts
bc_vaso_ts
Swagger UI
Swagger UI

MOP

MOP技术规范 - 技术共享空间 - 中移(苏州)软件技术有限公司
迁移产品问题跟踪表
新查询接口使用说明

UIUE

蓝湖

IaaS产品部 - 蓝湖
蓝湖
2020移动云解决方案 - 蓝湖

外网

移动云
中国移动苏州研发中心SSL VPN接入系统
刻度协同办公
企业云盘
中国移动苏州研发中心SSL VPN接入系统
中国移动苏州研发中心SSL VPN接入系统
云空间
开发者社区
登录 - 51CTO学院 | 企业版
云网管理产品部共享学习账号使用情况查询、备案表

内网

Confluence

面板 - 中移软件知识管理系统-Confluence
页面 - 云网络安全组 - 中移软件知识管理系统-Confluence
2020年升级列表 - 云网络安全组 - 中移软件知识管理系统-Confluence
隧道访问各个资源池的方式 - 测试部-IaaS测试组 - 中移软件知识管理系统-Confluence
05 培训 - IaaS产品部 - 中移软件知识管理系统-Confluence
小组概况 - 性能管理平台 - 中移软件知识管理系统-Confluence
研发工具链 - IaaS产品部 - 中移软件知识管理系统-Confluence
公有云竞品账号 - IaaS产品部 - 中移软件知识管理系统-Confluence
技术分享 - 前端虚拟组 - 中移软件知识管理系统-Confluence
2019-09-24 安全整改-前端数据加密方案 - 前端虚拟组 - 中移软件知识管理系统-Confluence
技术部-培训中心 首页 - 技术部-培训中心 - 中移软件知识管理系统-Confluence
安全产品提测、上线的部署方案 - 云网络安全组 - 中移软件知识管理系统-Confluence
Java 代码精简之道 - 大云数据稽核 - 中移软件知识管理系统-Confluence
智能运维平台 - 移动云智能运维管理平台 - 中移软件知识管理系统-Confluence
V6.7.1 前端升级评审 - BC-OP - 中移(苏州)软件技术有限公司
变更管理 - BC-OP - 中移(苏州)软件技术有限公司
测试域部署工程统计6.6.2 - BC-OP - 中移软件知识管理系统-Confluence
无锡测试域访问web页面 - 测试部-IaaS测试组 - 中移(苏州)软件技术有限公司
1015上下架申请 - 移动云现网变更临时上下架清单 - 中移(苏州)软件技术有限公司
变更管理 - BC-OP - 中移(苏州)软件技术有限公司
前端仓库分支合并操作 - BC-OP - 中移(苏州)软件技术有限公司
V6.14.1测试域构建 - BC-OP - 中移(苏州)软件技术有限公司
周报-2020.11-网络组 - 云网络安全组 - 中移(苏州)软件技术有限公司
网络组-2020年11月 - IaaS产品部 - 中移(苏州)软件技术有限公司
网络组 首页 - 网络组 - 中移(苏州)软件技术有限公司
《云网管理产品部员工季度绩效执行规范》 - 云网管理产品部 - 中移(苏州)软件技术有限公司
页面 - 网络组 - 中移(苏州)软件技术有限公司
功能类外协使用前评估流程 - 云网部外协 - 中移(苏州)软件技术有限公司
移动云现网变更信息收集 - 移动云现网变更临时上下架清单 - 中移(苏州)软件技术有限公司
变更当晚换包记录 - 移动云现网变更临时上下架清单 - 中移(苏州)软件技术有限公司
BC-OP技术规范 - 技术共享空间 - 中移(苏州)软件技术有限公司
技术共享空间 - 技术共享空间 - 中移(苏州)软件技术有限公司

Gerrit

gerrit.cmss.com
My Reviews | gerrit.cmss Code Review

Jira

System Dashboard - 中移软件任务跟踪系统-JIRA

中移(苏州)软件技术有限公司统一门户
中国移动通信集团人力资源管理平台
iHR人力资源管理信息系统
中国移动网上大学
10.160.22.102
CSMP - Revision 444: /安全文档/doc/移动云9期资源池公共组件申请文档
Lines - Safbox_op_ecloud_security-op-console-security
发票列表 - 发票核验系统
中移软件-技术服务支撑系统

南基测试域

https://console-beijing-1.cmecloud.cn:8443/api/page/safebox/op-security-static/vbscan

北基测试域

移动云
云安全控制台
移动云控制台
移动云控制台

无锡测试域

移动云
云安全控制台
云安全控制台
云安全控制台

东莞测试域

console-dongguan-1.cmecloud.cn

苏州测试域

云安全控制台

专利

科研管理平台
简单搜索 - 智慧芽
知识产权 - IaaS产品部 - 中移软件知识管理系统-Confluence
专利基础知识 - IaaS产品部 - 中移软件知识管理系统-Confluence
专利培训资料 - IaaS产品部 - 中移软件知识管理系统-Confluence
交底书写作指南 - IaaS产品部 - 中移软件知识管理系统-Confluence
润桐RainPat专利检索---知识产权大数据调查官

网络产品组

IPSecVPN

云网络控制台

弹性负载均衡

云网络控制台
云网络控制台
云网络控制台
云网络控制台
云网络控制台

弹性公网IP

云网络控制台

升级列表

[BCOP-20501] 【移动云常规变更】2020-10.13常规升级(6.12.1版本) - 中移软件任务跟踪系统-JIRA
[BCOP-20502] 【移动云常规变更】2020-10.27常规升级(6.13.1版本) - 中移软件任务跟踪系统-JIRA
[EVN-769] 【v1.14.1】E-VN常规变更-11-12 - 中移软件任务跟踪系统-JIRA
[BCOP-20860] 【移动云常规变更】2020-11.24常规升级(6.15.1版本) - 中移软件任务跟踪系统-JIRA
[EVN-806] 【v1.15.1】E-VN常规变更-11-24 - 中移软件任务跟踪系统-JIRA
[BCOP-20861] 【移动云常规变更】2020-12.10常规升级(6.16.1版本) - 中移软件任务跟踪系统-JIRA
[EVN-807] 【v1.16.1】E-VN常规变更-12-10 - 中移软件任务跟踪系统-JIRA
[BCOP-20862] 【移动云常规变更】2020-12.22常规升级(6.17.1版本) - 中移软件任务跟踪系统-JIRA
实施清单-模板 - 网络组 - 中移(苏州)软件技术有限公司
[EVN-883] 【v1.17.1】E-VN常规变更-12-22 - 中移软件任务跟踪系统-JIRA

网络类产品 - BC-OP - 中移软件知识管理系统-Confluence
Swagger UI
Swagger UI
Swagger UI
Swagger UI
Swagger UI
Swagger UI
Swagger UI
Sign in [Jenkins]

安全产品组

容器安全

DoSec

Swagger UI
Swagger UI
云安全控制台

存储产品组

升级列表

[SDS-5051] 【存储--变更】2021-3.11常规升级(7.4.1版本) - 中移软件任务跟踪系统-JIRA

3. 上线流程 - BC-SDS - 中移(苏州)软件技术有限公司
BC-SDS 首页 - BC-SDS - 中移(苏州)软件技术有限公司
2021年全年升级计划和版本号信息 - BC-OP - 中移(苏州)软件技术有限公司
吉林-长春,相关问题 - BC-SDS - 中移(苏州)软件技术有限公司
SDS-移动云升级计划 - BC-SDS - 中移(苏州)软件技术有限公司
移动云-云存储
移动云-云存储
172.20.145.94
Swagger UI
Eureka
有道云笔记
移动云-价格计算器

统一CICD系统

统一ci
11 CICD - IaaS产品部 - 中移(苏州)软件技术有限公司
Jenkins
Dashboard [Jenkins]
Dashboard [Jenkins]
登录 [Jenkins]

日志相关

移动云统一安全管控平台-云阙

10.10.10.2/portal/login?t=1576544101.661675&
卸载360天擎后,不能上网 - 奔跑吧人生 - 博客园
中国移动商旅100官网:机票预订,酒店预订,旅游度假,差旅管理
nos
中移(苏州)软件技术有限公司-员工绩效计划流程 - 员工制定计划

Lodash 中文文档 | Lodash 中文网
组件 | Element

Social Network Site

bilibili

哔哩哔哩 (゜-゜)つロ 干杯~-bilibili
嗶哩嗶哩bilibili影片下載工具 | y-w-y

Edge

下载新版 Microsoft Edge 浏览器 | Microsoft
Microsoft Edge - Download

Facebook

Shin Jae Eun(신재은)

Shin Jae Eun | Facebook
신재은 | Facebook
신재은 | Facebook
므흣 갤 | Facebook
므흣 갤💋❤ | Facebook

Facebook
施敬昭 | Facebook
🔞19금 후방주의🔞 | Facebook
Facebook for Developers

Firefox

Firefox 火狐浏览器 - 全新、安全、快速 | 官方最新下载
Firefox - 使用隐私至上的产品保护您的网络生活 — Mozilla
Directory Listing: /pub/firefox/releases/47.0.1/

Google

Chrome

Google Chrome 网络浏览器
Google Chrome 网络浏览器
Chrome 测试版
应用
Chrome 网上应用店 - 应用
Chrome 88稳定版发布:优化深色模式、标签搜索等 - Google Chrome 谷歌浏览器 - cnBeta.COM

Google 域名

谷歌搜索
Google香港
Google日本
Google
Google
Google
Google
Google
Google
Google
Google
Google
Google
Google
Google
Google
Google
Google
Google
Google
Google

txthinking/google-hosts: Google hosts generator
zxdrive/imouto.host: 为你而战,哥哥大人。
Google 学术搜索
Google 翻译
Google帐号
Google Keep
收件箱 - lgd.huaoper@gmail.com - Gmail
维基百科,自由的百科全书
如何用好 Google 等搜索引擎? - Google 搜索 - 知乎
墙外网址导航-墙外楼
墙外楼阅读器 - Google Play 上的 Andr​​oid 应用
Hosts-Google hosts大全|修改hosts文件访问谷歌、youtube、twitter、facebook等,2017最新hosts
Google搜索的10个小技巧,部分适用于百度

Microsoft

Microsoft 帐户 | 主页

Pornhub

Free Porn Videos & Sex Movies - Porno, XXX, Porn Tube and Pussy Porn
JPNanababy的色情片 | Pornhub
Pinkrabbit TW的色情片 | Pornhub

Twitter

主页 / Twitter
主页 / Twitter

YouTube

youtube-dl

AcFun弹幕视频网 - 认真你就输啦 (・ω・)ノ- ( ゜- ゜)つロ
#p站の人気イラストやマンガ - pixiv
YouTube
Wikipedia
뉴스픽
Human Benchmark - Reaction Time Test

Technology

$other Lang

¥Lambda

#Amazon AWS Lambda

mentum/lambdaws: Deploy, run and get results from Amazon AWS Lambda in a breeze
AWS Documentation
ashiina/lambda-local: Commandline tool to run Amazon Lambda function on local machines.

¥RPC framework

gRPC

grpc
grpc/grpc: The C based gRPC (C++, Python, Ruby, Objective-C, PHP, C#)
grpc/grpc.io: Repository for the gRPC website and documentation
gRPC
Documentation | gRPC
gRPC 官方文档中文版_V1.0
gRPC首页、文档和下载 - RPC 框架 - OSCHINA - 中文开源技术交流社区

¥文件系统

简直不要太硬了!一文带你彻底理解文件系统 - 掘金
设计一个文件系统,需要考虑哪些因素? - 掘金

Hand

hmap-cloud-develop / hmap_front · GitLab
海马汇 项目实施文档 - 四海文档
SAP中文学习网
汉得考试系统
SAP 表汇总---JOI---ChinaUnix博客

OpenStack

Build the future of Open Infrastructure.

skip

skiplang/skip: A programming language to skip the things you have already computed
skip · A programming language to skip the things you have already computed

wenyan-lang

wenyan-lang/wenyan: 文言文編程語言 A programming language for the ancient Chinese.
(4 条消息) 如何看待文言编程语言(wenyan-lang)? - 知乎

ReleaseEye
DeathKing/yast-cn: 《Scheme入门教程》,Takafumi Shido 著,Yet Scheme Another Tutorial中译版。
zhanyong-wan/dongbei: 东北方言编程语言

$VPN

google-access-helper

Search · google-access-helper
shiyu1314/google-access-helper: 谷歌访问助手2.3.0破解版
Kenguba/google-access-helper: 谷歌访问助手破解版、谷歌翻墙、谷歌梯子、谷歌梯子扩展工具、谷歌商店访问、Chrome翻墙
zcjunblog/google-access-helper2020: 谷歌访问助手2020破解版,访问谷歌商店,谷歌搜索,谷歌地图等...
cjiali/google-access-helper: 谷歌访问助手破解版 https://www.ggfwzs.com
ye-xiaolang/haotian-wang-google-access-helper: 谷歌访问助手破解版 http://www.ggfwzs.com https://github.com/haotian-wang/google-access-helper

MonoCloud
getlantern/forum: 蓝灯(Lantern)官方论坛
getlantern/lantern: 🔴蓝灯最新版本下载 https://github.com/getlantern/download 🔴 Lantern Latest Download https://github.com/getlantern/download 🔴
v2ss/shadowrocket: Shadowrocket 小火箭在线安装, 共享Shadowrocket 小火箭账号,苹果手机ss、ssr V2ray 客户端,支持正版,谢谢!
1clickVPN - Free VPN for Chrome
1clickVPN | Install

$运维

DevOps

CODING

CODING - 一站式软件研发管理平台
LGD_HuaFEEng 的工作台 - LGD_HuaFEEng

「DevOps」闲聊我心中的运维开发 - 掘金
当前端基建任务落到你身上,该如何推动协作? - 掘金

OpenSA

leoiceo/OpenSA: 资产管理、资产采集、灰度发布、反向代理、批量任务、任务编排、计划任务、日志审计、权限管理、角色管理、部门管理、运维自动化
Login Page

向日葵个人版-远程控制软件|远程控制桌面连接|远程控制电脑|远程访问开机唤醒-Oray贝锐科技向日葵官网

$大数据

¥大数据 core

¥大数据 frameworks、libs、plugins&tools

Hadoop

Apache Hadoop
Hadoop快速入门
史上最详细的Hadoop环境搭建
Hadoop教程™
hadoop是什么?新手自学hadoop教程(一) - CXY_xn的博客 - CSDN博客
【Hadoop】搭建完全分布式的hadoop - 大牛笔记 - 博客园
一篇文看懂Hadoop - 何石-博客 - 博客园
Hadoop 系列(一)基本概念 - binarylei - 博客园
Hadoop 系列(二)安装配置 - binarylei - 博客园

¥大数据 资源、整理集&FAQ

《【误闯大数据】【从安装到入门】》

【误闯大数据】【从安装到入门】Flink-单机玩耍篇 - 掘金
【误闯大数据】【从安装到入门】ZooKeeper-单点多点篇 - 掘金
【误闯大数据】【从安装到入门】Cassandra-单点玩耍篇 - 掘金
【误闯大数据】【从安装到入门】常用环境篇 - 掘金
【误闯大数据】【从安装到入门】常用脚本篇 - 掘金
【从安装到入门】MySQL安装篇 - 掘金
【误闯大数据】Hadoop部署 - 掘金
【误闯大数据】【从安装到入门】MongoDB部署 - 掘金
【误闯大数据】【从安装到入门】Hive部署 - 掘金
【误闯大数据】【从安装到入门】Spark部署 - 掘金
【误闯大数据】【从安装到入门】HBase部署 - 掘金
【误闯大数据】【从安装到入门】Flume部署 - 掘金

.NET

.NET core

.NET frameworks、libs、plugins&tools

grpc-dotnet

grpc/grpc-dotnet: gRPC for .NET

.NET 资源、整理集&FAQ

.NET实现之(自动更新) - 王清培 - 博客园

C#

C# core

.NET Design Patterns in C# and VB.NET - Gang of Four (GOF) - doFactory.com
C# Corner - A Social Community of Developers and Programmers
ASP.NET Documentation | Microsoft Docs

C# frameworks、libs、plugins&tools

C# 资源、整理集&FAQ

pinvoke.net: the interop wiki!
“抢火车票,红包技术” - 博文 - Catalina
Plen-wang/autoupdate: 自动更新程序

C++

C++ core

cplusplus/draft: C++ standards drafts

C++ frameworks、libs、plugins&tools

C++ 资源、整理集&FAQ

wuye9036/CppTemplateTutorial: 中文的C++ Template的教学指南。与知名书籍C++ Templates不同,该系列教程将C++ Templates作为一门图灵完备的语言来讲授,以求帮助读者对Meta-Programming融会贯通。(正在施工中)

Dart

Dart core

Dart
Dart programming language | Dart
Dart 编程语言中文网 | Dart
Dart 编程语言主页 | Dart 中文文档 | Dart

Dart frameworks、libs&plugins

flame

flame-engine/flame: A minimalist Flutter game engine

grpc-dart

grpc/grpc-dart: The Dart language implementation of gRPC.

Assuner-Lee/dna: dna, dart native access. A lightweight dart to native super channel plugin, You can use it to invoke any native code directly in contextual and chained dart code.

Dart 资源、整理集&FAQ

Dart 资源

Dart 中文社区

Dart 整理集

Dart与Flutter中文资料/教程/视频收集整理贴 - 分享 - Dart 中文社区
Dart 官方教程/文章收集整理贴 - 分享 - Dart 中文社区

《Dart 简明教程》

Dart 简明教程 - 01 - Concepts & Variables
Dart 简明教程 - 02 - Functions
Dart 简明教程 - 03 - Operators
Dart 简明教程 - 04 - Control flow statements
Dart 简明教程 - 05 - Exceptions
Dart 简明教程 - 06 - Classes
Dart 简明教程 - 07 - Generics
Dart 简明教程 - 08 - Libraries and visibility
Dart 简明教程 - 09 - Asynchrony support
Dart 简明教程 - 10 - Generators & Isolates & Typedefs & Metadata...

Dart FAQ

dna --- 一个 dart 到 native 的超级通道 - 掘金
JavaScript vs Dart 两者之间的比较 - 掘金

Golang

Golang core

The Go Programming Language
Downloads - The Go Programming Language
首页 - Go语言中文网 - Golang中文社区
Go 语言教程 | 菜鸟教程

Golang frameworks

¥RPC framework

go-zero

tal-tech/go-zero: go-zero is a web and rpc framework written in Go. It's born to ensure the stability of the busy sites with resilient design. Builtin goctl greatly improves the development productivity.

grpc-go

grpc/grpc-go: The Go language implementation of gRPC. HTTP/2 based RPC

fiber

gofiber/fiber: 🚀 Fiber is an Express inspired web framework written in Go with 💖

Golang libs、plugins&tools

¥configuration management system

consul

hashicorp/consul: Consul is a distributed, highly available, and data center aware solution to connect and configure applications across dynamic, distributed infrastructure.
hashicorp/consul-template: Template rendering, notifier, and supervisor for @HashiCorp Consul and Vault data.

macdriver

progrium/macdriver: Native Mac APIs for Go

Modlishka

drk1wi/Modlishka: Modlishka. Reverse Proxy. Phishing NG.

txqr

divan/txqr: Transfer data via animated QR codes

airplayx/gormat: 👨‍🌾 The golang convenient converter supports Database to Struct, SQL to Struct, and JSON to Struct.
AfterShip/email-verifier: A Go library for email verification without sending any emails.
go-snowflake: Go 语言实现的 Snowflake 算法,为分布式系统生成唯一ID,单机测试1秒可生成20万ID。

Golang projects

bbs-go首页、文档和下载 - 基于 Go 开发的论坛系统 - OSCHINA - 中文开源技术交流社区

Golang 资源、整理集&FAQ

Golang 资源

基于Golang开发的开源微信小程序(页面高仿大众点评) - 掘金
golang.org
astaxie/build-web-application-with-golang: A golang ebook intro how to build a web with golang
teh-cmc/go-internals: A book about the internals of the Go programming language.
dariubs/GoBooks: List of Golang books

Golang 整理集

《Golang入门》

Golang入门1-如何编写Go代码 - 掘金
Golang入门2-数据类型 - 掘金
Golang入门-时间处理 - 掘金
Golang入门-Golang包管理 - 掘金

《Go指南》

Go指南-数组与切片 - 掘金
Go指南-结构体与指针 - 掘金
Go指南-谈谈Go的接口与函数 - 掘金

Golang FAQ

Golang是如何读取文件内容的 - 掘金

Java

Java core

JVM

Java虚拟机(一):JVM简介 - 朝雨忆轻尘 - 博客园
Java虚拟机(二):JVM内存模型 - 朝雨忆轻尘 - 博客园
Java虚拟机(三):JVM垃圾回收机制 - 朝雨忆轻尘 - 博客园
Java虚拟机(四):JVM类加载机制 - 朝雨忆轻尘 - 博客园
Java虚拟机(五):JVM调优命令 - 朝雨忆轻尘 - 博客园
Java虚拟机(六):JVM调优工具 - 朝雨忆轻尘 - 博客园
Java虚拟机(七):JVM调优案列 - 朝雨忆轻尘 - 博客园
mini-jvm: 使用 Java 8 实现 jvm

微服务(Microservices)

#flow control

Sentinel

alibaba/Sentinel: A powerful flow control component enabling reliability, resilience and monitoring for microservices. (面向云原生微服务的高可用流控防护组件)
home

dubbo

apache/dubbo: Apache Dubbo is a high-performance, java based, open source RPC framework.

nacos

alibaba/nacos: an easy-to-use dynamic service discovery, configuration and service management platform for building cloud native applications.

skywalking

apache/skywalking: APM, Application Performance Monitoring System

中间件

seata

seata/seata: Seata is an easy-to-use, high-performance, open source distributed transaction solution.

Java frameworks

¥RPC framework

grpc-java

grpc/grpc-java: The Java gRPC implementation. HTTP/2 based RPC

grpc-kotlin

grpc/grpc-kotlin

Snailclimb/guide-rpc-framework: A custom RPC framework implemented by Netty+Kyro+Zookeeper.(一款基于 Netty+Kyro+Zookeeper 实现的自定义 RPC 框架-附详细实现过程和相关教程。)

¥日志框架

基于微信XLog的日志框架&&对于XLog的分析

NutzWk

Wizzercn/NutzWk: WK系列开发框架-V1至V5 Java开源企业级开发框架(单应用/微服务/分布式)

nimrod

godcheese/nimrod: Nimrod - 基于 Spring Boot 构建 的 Java Web 平台企业级单体应用快速开发框架,适合中小型项目的应用和开发。所采用的技术栈包括 Spring Boot、Spring、Spring Web MVC、MyBatis、Thymeleaf 等,遵守阿里巴巴 Java 开发规约,帮助养成良好的编码习惯。整体采用 RBAC ( Role-Based Access Control ,基于角色的访问控制),具有严格的权限控制模块,支持系统与模块分离开发。最后希望这个项目能够对你有所帮助。Nimrod 开发交流群:547252502(QQ 群)

Spring Boot & Spring Cloud

ch-zgh-1993/vue-springBoot: 相对简洁的 vue + springBoot, 在一个项目中书写,并且部署不需拷贝文件。在 springboot 中写 vue项目,build 后产生的资源,直接供 springboot项目运行和打包使用。打包时不夹带 v
Spring Boot 教程 - 朝雨忆轻尘 - 博客园
Spring Cloud 教程 - 朝雨忆轻尘 - 博客园
xkcoding/spring-boot-demo: spring boot demo 是一个用来深度学习并实战 spring boot 的项目,目前总共包含 65 个集成demo,已经完成 53 个。 该项目已成功集成 actuator(监控)、admin(可视化监控)、logback(日志)、ao
Spring Boot 实现配置文件加解密原理 - 掘金
1W字Spring Cloud面试题总结(附答案解析)

spring-cloud-alibaba

alibaba/spring-cloud-alibaba: Spring Cloud Alibaba provides a one-stop solution for application development for the distributed solutions of Alibaba middleware.

Java libs&plugins

okhttps

okhttps: 如艺术一般优雅,像 1、2、3 一样简单,前后端通用,轻量却强大的 HTTP 客户端

公历 & 农历 & 工作日

oyyq99999/ChineseLunarCalendar: 用天文算法计算农历
heqiao2010/LunarCalendar: A Java implementation of Chinese lunar calendar. 中国农历的Java实现(一个Java类不到1000行,不依赖任何第三方库)。
Houlik/hllunar: 公历 - 农历
jinAldrich/PureLunarCalendar: 农历计算类 农历计算的算法,来源于:http://sean.o4u.com/ap/calendar/,具体的代码基本与来源处的 javascript 相同,差不多只是语言上的转换而已。
sunshinelyz/mykit-holiday: 纯算法可以获取到1900-2100年之间任意日期的详细信息,包括:节日、是否闰年和闰月、公历和农历、对应的二十四节气以及天干地支信息等。
iceenongli/iceworkday: iceworkday工作日算法 工作日算法又称节假日算法。 由于工作日计算涉及农历节气等,而农历算法本身就是非常复杂的,所以工作日算法非常的复杂 。 该算法解决了工作日的计
RidgeSTD/Nextdate-AndroidVersion: 软件质量测试作业。输入1900-2100年之间的一个公历日期,显示第二天的公历与农历信息。
firer1946/LunarExchangeSolar: 农历和阳历的互相转换
经过完整测试的农历-公历相互转换 - meizhitu的个人空间 - OSCHINA
quan930/Calendar: Calendar类,农历
loonggg/LunarCalendar: 日历转农历
folous/LunarUtils: 工具类,通过查表法实现公农历互转
keyliwen/lunar: 农历

LJWLgl/CommonUtil: 轻便简单的Java常用工具类库

Java projects

attemper

attemper/attemper: Distributed,multi-tenancy,job-flow scheduling application(分布式多租户的支持流程编排的任务调度平台)
vue-cron-generator:基于Vue&Element-UI构建的在线Cron表达式生成器 - 掘金

mall

macrozheng/mall: mall项目是一套电商系统,包括前台商城系统及后台管理系统,基于SpringBoot+MyBatis实现,采用Docker容器化部署。 前台商城系统包含首页门户、商品推荐、商品搜索、商品展示、购物

Java tools

¥configuration management system

Apollo

ctripcorp/apollo: Apollo(阿波罗)是携程框架部门研发的分布式配置中心,能够集中化管理应用不同环境、不同集群的配置,配置修改后能够实时推送到应用端,并且具备规范的权限、流程治理等特性,适用于微服务配置管理场景。
spotify/apollo: Java libraries for writing composable microservices
nobodyiam/apollo-build-scripts: Apollo Build Scripts
daohu527/Dig-into-Apollo: Apollo notes (Apollo学习笔记) - Apollo learning notes for beginners.
3千字Apollo配置中心的总结,让配置“智能”起来

config

lightbend/config: configuration library for JVM languages using HOCON files

disconf

knightliao/disconf: Distributed Configuration Management Platform(分布式配置管理平台)

spring-cloud-config

spring-cloud/spring-cloud-config: External configuration (server and client) for Spring Cloud

spring-cloud-consul

spring-cloud/spring-cloud-consul: Spring Cloud Consul

Apache

隐藏Apache的版本号及其它敏感信息 – 运维生存时间

fastjson

alibaba/fastjson: A fast JSON parser/generator for Java.

hutool

looly/hutool: A set of tools that keep Java sweet.
Hutool — A set of tools that keep Java sweet.

Tomcat

Tomcat zip 与exe版的问题-CSDN论坛
apache-tomcat-8.0.35-windows-x64.zip安装与配置 - 生活没有Backspace - 博客园
tomcat安装版和解压版的区别,安装与配置 - zhuang - ITeye博客
安装tomcat的两种方法(安装版与解压版)_百度经验
tomcat部署静态html网站方法_tomcat,静态网页_Chen Rong的博客-CSDN博客

Token

aurad

AuroraDAO/aurad: Staking software for the AURA token
Aurora: Decentralized Finance and Cryptobanking

JWT

auth0/java-jwt: Java implementation of JSON Web Token (JWT)
jwtk/jjwt: Java JWT: JSON Web Token for Java and Android
ScienJus/spring-authorization-manager-demo: https://github.com/ScienJus/spring-authorization-manager 的Demo
shybbq/spring-authorization-demo: spring安全验证之jwt
JSON Web Tokens - jwt.io
JSON Web Token Introduction - jwt.io
How to Create and verify JWTs in Java
5 Easy Steps to Understanding JSON Web Tokens (JWT)
JSON Web Token - 在Web应用间安全地传递信息 - 回田园
基于 Token 的身份验证:JSON Web Token(附:Node.js 项目) - 宁皓网
辩证的眼光搞懂 JWT 这个知识点

基于 Token 的身份验证和实践 – 不静之心
基于Token的WEB后台认证机制 - 红心李 - 博客园
彻底理解cookie,session,token - 踏破铁鞋无觅处的个人空间 - 开源中国
基于 Token 的身份验证 - 516843761 - CSDN博客
第二十章 无状态Web应用集成——《跟我学Shiro》 - 《亿级流量网站架构核心技术》~ - ITeye博客

分享一下我的三个代码自动生成工具类--助你解放双手 - 掘金
深度开源 - Java开源大全,开源信息发掘、分享、交流
Oracle | Integrated Cloud Applications and Platform Services
Oracle Java Archive | Oracle Technology Network | Oracle
Java SE - Downloads | Oracle Technology Network | Oracle
Java Archive Downloads - Java SE 8

arthas

alibaba/arthas: Alibaba Java Diagnostic Tool Arthas/Alibaba Java诊断利器Arthas

Java 资源、整理集&FAQ

Java 资源

《OnJava8》

LingCoder/OnJava8: 《On Java 8》中文版
On Java 8
On Java 8

Java interviews

crossoverJie/JCSprout: 👨‍🎓 Java Core Sprout : basic, concurrent, algorithm
kdn251/interviews: Everything you need to know to get the job.
Snailclimb/JavaGuide: 【Java学习+面试指南】 一份涵盖大部分Java程序员所需要掌握的核心知识。
NotFound9/interviewGuide: Java后端面试题精选 http://notfound9.github.io/interviewGuide/ (做开源不容易,希望给我一个Star,也便于更新时获得通知,谢谢)
「Java面试题/知识点精华集」20000+字的Java基础知识篇(2020最新版) ! - 掘金
Java学习、面试;文档、视频资源免费获取
AobingJava/JavaFamily: 【Java面试+Java学习指南】 一份涵盖大部分Java程序员所需要掌握的核心知识。
hollischuang/toBeTopJavaer: To Be Top Javaer - Java工程师成神之路
最全153道Spring全家桶面试题,你都碰到过哪些?(含答案解析)

kakuilan/china_area_mysql: 中国5级行政区域mysql库
2018-05-17 架构师技能图谱,搞懂这些找工作无敌 - 简书
Java知识分享网-免费Java资源下载
siki学院的个人空间 - 哔哩哔哩 ( ゜- ゜)つロ 乾杯~ Bilibili
我的java问题排查工具单-博客-云栖社区-阿里云
《尚学堂科技.马士兵.JAVA集视频教程14年11月20日更新》 - VeryCD电驴大全
一文了解十大 Java 开发者必备测试框架!
yehongzhi/learningSummary: 涵盖大部分Java进阶需要掌握的知识,包括【微服务】【中间件】【缓存】【数据库优化】【搜索引擎】【分布式】等等,欢迎Star~

JavaBooks

itwanger/JavaBooks: Java 程序员常读书单整理,附下载地址,助力构建最强知识体系。但不限于 Java,包括设计模式、计算机网络、操作系统、数据库、数据结构与算法、大数据、架构、面试等等。
JavaBooks: Java 程序员常读书单整理,附下载地址,助力构建最强知识体系。但不限于 Java,包括设计模式、计算机网络、操作系统、数据库、数据结构与算法、大数据、架构、管理等等。

skyline75489/Heart-First-JavaWeb: 一个走心的 Java Web 入门开发教程

javaMap

smileArchitect/JavaMap: JavaMap是Java知识地图,让开发者学习不迷路!Java学习请认准JavaMap。
JavaMap-Java知识地图

akullpp/awesome-java: A curated list of awesome frameworks, libraries and software for the Java programming language.

Java 整理集

《Java》

第一讲:Java语言基础
第二讲:Java的运作原理
第三讲:植物油的真伪鉴别
第四讲:方法与数组
第五讲:面向对象(上)
第六讲:面向对象(下)
第七讲:Eclipse与异常处理
第八讲:常用类库API
第九讲:文件与IO

《Spring Boot + Spring Cloud 实现权限管理系统 后端篇》

Spring Boot + Spring Cloud 实现权限管理系统 后端篇(一):Kitty 系统介绍 - 朝雨忆轻尘 - 博客园
Spring Boot + Spring Cloud 实现权限管理系统 后端篇(二):数据库设计 - 朝雨忆轻尘 - 博客园
Spring Boot + Spring Cloud 实现权限管理系统 后端篇(三):搭建开发环境 - 朝雨忆轻尘 - 博客园
Spring Boot + Spring Cloud 实现权限管理系统 后端篇(四):集成 MyBatis 框架 - 朝雨忆轻尘 - 博客园
Spring Boot + Spring Cloud 实现权限管理系统 后端篇(五):模块化切分 - 朝雨忆轻尘 - 博客园
Spring Boot + Spring Cloud 实现权限管理系统 后端篇(六):集成 Swagger API - 朝雨忆轻尘 - 博客园
Spring Boot + Spring Cloud 实现权限管理系统 后端篇(七):集成 Druid 数据源 - 朝雨忆轻尘 - 博客园
Spring Boot + Spring Cloud 实现权限管理系统 后端篇(八):MyBatis分页功能实现 - 朝雨忆轻尘 - 博客园
Spring Boot + Spring Cloud 实现权限管理系统 后端篇(九):代码整理优化 - 朝雨忆轻尘 - 博客园
Spring Boot + Spring Cloud 实现权限管理系统 后端篇(十):接口服务整理 - 朝雨忆轻尘 - 博客园
Spring Boot + Spring Cloud 实现权限管理系统 后端篇(十一):集成 Shiro 框架 - 朝雨忆轻尘 - 博客园
Spring Boot + Spring Cloud 实现权限管理系统 后端篇(十二):解决跨域问题 - 朝雨忆轻尘 - 博客园
Spring Boot + Spring Cloud 实现权限管理系统 后端篇(十三):系统备份还原 - 朝雨忆轻尘 - 博客园
Spring Boot + Spring Cloud 实现权限管理系统 后端篇(十四):项目打包部署 - 朝雨忆轻尘 - 博客园
Spring Boot + Spring Cloud 实现权限管理系统 后端篇(十五):系统服务监控 - 朝雨忆轻尘 - 博客园
Spring Boot + Spring Cloud 实现权限管理系统 后端篇(十六):容器部署项目 - 朝雨忆轻尘 - 博客园
Spring Boot + Spring Cloud 实现权限管理系统 后端篇(十七):登录验证码实现(Captcha) - 朝雨忆轻尘 - 博客园
Spring Boot + Spring Cloud 实现权限管理系统 后端篇(十八):注册中心(Spring Cloud Consul) - 朝雨忆轻尘 - 博客园
Spring Boot + Spring Cloud 实现权限管理系统 后端篇(十九):服务消费(Ribbon、Feign) - 朝雨忆轻尘 - 博客园
Spring Boot + Spring Cloud 实现权限管理系统 后端篇(二十):服务熔断(Hystrix、Turbine) - 朝雨忆轻尘 - 博客园
Spring Boot + Spring Cloud 实现权限管理系统 后端篇(二十一):服务网关(Zuul) - 朝雨忆轻尘 - 博客园
Spring Boot + Spring Cloud 实现权限管理系统 后端篇(二十二):链路追踪(Sleuth、Zipkin) - 朝雨忆轻尘 - 博客园
Spring Boot + Spring Cloud 实现权限管理系统 后端篇(二十三):配置中心(Config、Bus) - 朝雨忆轻尘 - 博客园
Spring Boot + Spring Cloud 实现权限管理系统 后端篇(二十四):权限控制(Shiro 注解) - 朝雨忆轻尘 - 博客园
Spring Boot + Spring Cloud 实现权限管理系统 后端篇(二十五):Spring Security 版本 - 朝雨忆轻尘 - 博客园

《Spring Boot + Spring Cloud 构建微服务系统》

Spring Boot + Spring Cloud 构建微服务系统(一):服务注册和发现(Consul) - 朝雨忆轻尘 - 博客园
Spring Boot + Spring Cloud 构建微服务系统(二):服务消费和负载(Ribbon) - 朝雨忆轻尘 - 博客园
Spring Boot + Spring Cloud 构建微服务系统(三):服务消费和负载(Feign) - 朝雨忆轻尘 - 博客园
Spring Boot + Spring Cloud 构建微服务系统(四):容错机制和熔断(Hystrix) - 朝雨忆轻尘 - 博客园
Spring Boot + Spring Cloud 构建微服务系统(五):熔断监控面板(Hystrix Dashboard) - 朝雨忆轻尘 - 博客园
Spring Boot + Spring Cloud 构建微服务系统(六):熔断监控集群(Turbine) - 朝雨忆轻尘 - 博客园
Spring Boot + Spring Cloud 构建微服务系统(七):API服务网关(Zuul) - 朝雨忆轻尘 - 博客园
Spring Boot + Spring Cloud 构建微服务系统(八):分布式链路追踪(Sleuth、Zipkin) - 朝雨忆轻尘 - 博客园
Spring Boot + Spring Cloud 构建微服务系统(九):配置中心(Spring Cloud Config) - 朝雨忆轻尘 - 博客园
Spring Boot + Spring Cloud 构建微服务系统(十):配置中心(Spring Cloud Bus) - 朝雨忆轻尘 - 博客园

《Vue + Element UI 实现权限管理系统 前端篇》

Vue + Element UI 实现权限管理系统 前端篇(一):搭建开发环境 - 朝雨忆轻尘 - 博客园
Vue + Element UI 实现权限管理系统 前端篇(二):Vue + Element 案例 - 朝雨忆轻尘 - 博客园
Vue + Element UI 实现权限管理系统 前端篇(三):工具模块封装 - 朝雨忆轻尘 - 博客园
Vue + Element UI 实现权限管理系统 前端篇(四):优化登录流程 - 朝雨忆轻尘 - 博客园
Vue + Element UI 实现权限管理系统 前端篇(五):国际化实现 - 朝雨忆轻尘 - 博客园
Vue + Element UI 实现权限管理系统 前端篇(六):更换皮肤主题 - 朝雨忆轻尘 - 博客园
Vue + Element UI 实现权限管理系统 前端篇(七):功能组件封装 - 朝雨忆轻尘 - 博客园
Vue + Element UI 实现权限管理系统 前端篇(八):管理应用状态 - 朝雨忆轻尘 - 博客园
Vue + Element UI 实现权限管理系统 前端篇(九):接口格式定义 - 朝雨忆轻尘 - 博客园
Vue + Element UI 实现权限管理系统 前端篇(十):动态加载菜单 - 朝雨忆轻尘 - 博客园
Vue + Element UI 实现权限管理系统 前端篇(十一):第三方图标库 - 朝雨忆轻尘 - 博客园
Vue + Element UI 实现权限管理系统 前端篇(十二):用户管理模块 - 朝雨忆轻尘 - 博客园
Vue + Element UI 实现权限管理系统 前端篇(十三):页面权限控制 - 朝雨忆轻尘 - 博客园
Vue + Element UI 实现权限管理系统 前端篇(十四):菜单功能实现 - 朝雨忆轻尘 - 博客园
Vue + Element UI 实现权限管理系统 前端篇(十五):嵌套外部网页 - 朝雨忆轻尘 - 博客园
Vue + Element UI 实现权限管理系统 前端篇(十六):系统备份还原 - 朝雨忆轻尘 - 博客园

5000字 | 24张图带你彻底理解Java中的21种锁
5万字:Stream和Lambda表达式最佳实践-附PDF下载

Java FAQ

JDK-9的安装与环境变量配置_java_hanjiang08的专栏-CSDN博客
使用springMVC实现文件上传和下载之环境配置与上传 - CSDN博客
MYSQL问题解决方案:Access denied for user 'root'@'localhost' (using password:YES) - skywalker_leo的专栏 - CSDN博客
Java 开发环境搭建 - 简书
SSM框架——详细整合教程(Spring+SpringMVC+MyBatis) - 酷玩时刻 - 博客园
Maven安装与配置 - 光焱 - 博客园
【名师课堂】Java零基础入门 - 阿里云大学 - 官方网站,云生态下的创新人才工场
【名师课堂】Java面向对象开发 - 阿里云大学 - 官方网站,云生态下的创新人才工场
DDD 详解第一弹- Domain Primitive
阿里技术专家详解DDD系列 第二弹 - 应用架构
阿里技术专家详解DDD系列 第三讲 - Repository模式

AOP、IoC

一篇通俗易懂的长文,带你从零认识IoC和AOP

LGD.HuaFEEng

CSS

$CSS core

$CSS 布局

¥弹性布局(Flexible Box)

弹性布局(Flexible Box) core

Flex 布局语法教程 | 菜鸟教程
Flex 布局教程:语法篇 - 阮一峰的网络日志
design.google.com

弹性布局(Flexible Box) libs、plugins&tools

neat

thoughtbot/neat: [no longer maintained]

弹性布局(Flexible Box) 资源、整理集&FAQ

www.w3cplus.com/mobile/lib-flexible-for-html5-layout.html
深度解析 CSS Flexbox 布局 - 2020年最新版 - 掘金
flex实现左右布局中按钮溢出隐藏效果 - 掘金
【译】Flexbox完全指南 - 掘金
再次简单明了总结flex布局,一看就懂... - 掘金
马蹄疾 | 聊聊你可能并没有完全掌握的 Flex 布局:从概念入手,丝丝入扣 - 掘金
「一劳永逸」48张小图带你领略flex布局之美
教你如何用 lib-flexible 实现移动端H5页面适配 - CSDN博客
flex布局justify-content属性和align-items,align-self属性 - CSDN博客
flex布局(弹性盒)兼容性写法 兼容ie10 谷歌 火狐_希文Gershwin-CSDN博客
淘宝弹性布局方案lib-flexible实践 - 流云诸葛 - 博客园
Flexbox_入门 精通 教程_w3cplus

¥网格布局(Grid)

网格布局(Grid)core

hyperledger/grid: Hyperledger Grid
CSS Grid Layout - CSS: Cascading Style Sheets | MDN
CSS Grid Layout
CSS Grid Layout Module Level 1
Creating horizontal scrolling containers the right way [CSS Grid]
Grid

网格布局(Grid)libs、plugins&tools

cssgridgenerator

sdras/cssgridgenerator: 🧮 Generate basic CSS Grid code to make dynamic layouts!

网格布局(Grid)polyfills

css-grid-polyfill

FremyCompany/css-grid-polyfill: A working implementation of css grids for current browsers.

codler/Grid-Layout-Polyfill
emcpadden/csswizardry-grids-ie7-polyfill: This polyfill will allow the CSS Wizardry Grid to run in IE7
CSS Grid Application Layout in Production (IE11 compatible) - 酷辣虫 - CoLaBug.com
使用CSS Grid的九大误区_CSS, CSS3 Grid Layout, Grid, Layout, 布局 教程_w3cplus
Should I try to use the IE implementation of CSS Grid Layout?
Supporting CSS Grid in Internet Explorer – Elad Shechter – Medium
带有IE11规范的CSS网格-网格自身崩溃怎么办? - 问答 - 云+社区 - 腾讯云
CSS grid doesn't work on IE 11 - Microsoft Edge Development
ie10 grid 网格布局 - 唐菜也的博客 - CSDN博客

网格布局(Grid)资源、整理集&FAQ

网格布局(Grid)资源

awesome-grid

FancyGrid/awesome-grid: A curated list of grid(table) libraries and resources that developers may find useful.

MOR10 - Thinking Out Loud About the Internet

网格布局(Grid)整理集

使用 Grid 进行常见布局 - 掘金

网格布局(Grid)FAQ

CSS Grid 网格布局教程 - 阮一峰的网络日志
【译】一行css代码搞定响应式布局 - 掘金
[翻译] Grid 布局完全指南 - 掘金
边学边玩CSS Grid - 掘金
最强大的 CSS 布局 —— Grid 布局
CSS Grid布局:浏览器开启CSS Grid Layout_Grid, CSS3 Grid Layout, Layout 教程_w3cplus
CSS Grid 布局完全指南(图解 Grid 详细教程)-WEB前端开发

¥格式化上下文(Formatting Context,*FC)

BFC

理解CSS-BFC概念 - 掘金
CSS中关于定位及BFC中的易错点 - 掘金
这一次终于弄懂了 CSS BFC、清除浮动、外边距折叠 - 掘金
BFC 解说,也许是目前为止最接地气的一篇 - 掘金
前端精选文摘:BFC 神奇背后的原理 - 梦想天空(山边小溪) - 博客园

视觉格式化模型 | MDN
Visual formatting model
CSS中各种布局的背后(*FC) - 掘金
详解BFC、IFC、GFC、FFC - 掘金

¥单位

PXtoEM.com: PX to EM conversion made simple.
css中的px、em、rem 详解 - 掘金

¥响应式设计(Responsive Design)

<picture>

scottjehl/picturefill: A responsive image polyfill for <picture>, srcset, sizes, and more
<picture> - HTML(超文本标记语言) | MDN
Picturefill

intention.js

dowjones/intentionjs: A library for intentionally dealing with responsive design
intention.js

media-screen

利用@media与@media screen进行响应式布局 | 511遇见

Responsive Elements

kumailht/responsive-elements: Responsive elements makes it possible for any element to adapt and respond to the area they occupy. It's a tiny javascript library that you can drop into your projects today.
Responsive Elements - Helps you build better responsive websites

响应式设计工具

responsively-org/responsively-app: A modified web browser that helps in responsive web development. A web developer's must have dev-tool.
前端响应式布局原理与方案(详细版) - 掘金
FROONT – 超棒的可视化响应式网页设计工具 - 梦想天空(山边小溪) - 博客园
《实用技巧》——让你的网站变成响应式的3个简单步骤 - 梦想天空(山边小溪) - 博客园
推荐15款最佳的响应式 Web 设计测试工具 - 梦想天空(山边小溪) - 博客园

响应式HTML5表单

jq-idealforms

elclanrs/jq-idealforms: The ultimate framework for building and validating responsive HTML5 forms.
elclanrs/jq-idealforms-old: The ultimate framework for building and validating responsive HTML5 forms.

jqtransform

Opensource - AJAX - Jqtransform - jQuery form plugin

响应式表格解决方案

nadangergeo/RWD-Table-Patterns: This is an awesome solution for responsive tables with complex data.
Responsive tables
RWD Table Patterns – 响应式表格解决方案 - 梦想天空(山边小溪) - 博客园

Complex Navigation Patterns for Responsive Design | Brad Frost
详解前端响应式布局、响应式图片,与自制栅格系统 - 掘金
HTML5 移动端自适应方案与踩坑 - 掘金
前端响应式布局原理与实践 - 掘金
应式网页中的高度设计,你认真的吗?
Restive.js – 轻松让网站变成响应式和自适应 - 梦想天空(山边小溪) - 博客园
响应式布局新方案

¥行内元素布局

深入理解行内元素的布局

¥多栏布局

css经典布局——圣杯布局 - 掘金
不怕你用不上!CSS 列表项布局技巧 - 掘金
一文汇总 CSS 两列布局和三列布局
CSS三栏布局

¥定位

fixed-sticky

filamentgroup/fixed-sticky: DEPRECATED: A position: sticky polyfill that works with filamentgroup/fixed-fixed for a safer position:fixed fallback.

Sticky Footer

Sticky Footer | CSS-Tricks
Sticky CSS footers: The flexible way – Pixels|Bytes
CSS秘密花园: Sticky footers_CSS秘密花园, sticky footer 教程_w3cplus
css sticky footer布局+流式布局_xiaowei的博客-CSDN博客

水平、垂直居中

讨论下垂直水平居中的多种方案 - 掘金
块级元素和行内元素多种——水平,垂直、水平垂直居中的方法 - CSDN博客
纯CSS实现垂直居中的几种方法 - 彼岸花在开 - 博客园
推荐 15 种水平垂直居中布局方案
四种常用方法 设置 不定/定宽高元素 在窗口/父元素中 水平垂直居中方法
多个你不知道的 CSS 居中方案!
移动端布局面试题 全面考察你的CSS功底(居中篇)

CSS实现背景图片右侧定位的5种小技巧

¥文字布局

探索CSS单行文字居中,多行文字居左的实现方式 - 掘金

¥网格砌体布局

Masonry – 实现 Pinterest 模式的网格砌体布局 - 梦想天空(山边小溪) - 博客园

¥清除浮动

CSS——清除浮动所有方法总结

10 CSS Flowcharts
一些有趣的 CSS 魔法和布局(上) - 掘金
一些有趣的 CSS 魔法和布局(下)(结尾有岗位内推哦~) - 掘金
CSS 盒模型、布局和包含块 - 掘金
剖析一些经典的CSS布局问题,为前端开发+面试保驾护航 - 掘金
给你一份详细的CSS布局指南,请查收 - 掘金
[译] 选择 Grid 还是 Flex? - 掘金
【译】Css Grid VS Flexbox: 实践比较 - 掘金
干货!各种常见布局实现+知名网站实例分析 - 掘金
一篇全面的CSS布局学习指南 [译] - 掘金
如何用一行 CSS 分别实现 10 种现代布局?
收藏!40 个 CSS 布局技巧
学习CSS布局
CSS布局说——可能是最全的 - SegmentFault 思否
[WebApp]定宽网页设计下,固定宽度布局开发WebApp并实现多终端下WebApp布局自适应 - plums - 博客园

$CSS 开发工具

¥badge、emoji、font、icon&logo

glyphhanger

filamentgroup/glyphhanger: Your web font utility belt. It can subset web fonts. It can find unicode-ranges for you automatically. It makes julienne fries.

purge-icons

antfu/purge-icons: 🎐 Bundles icons on demand

Tiff

Tiff - a visual typeface diff tool.

Rec. 709 - Wikipedia
IcoMoon App - Icon Font, SVG, PDF & PNG Generator
Fontello - icon fonts generator
Create Your Own @font-face Kits | Font Squirrel
PNG格式小图标的CSS任意颜色赋色技术 « 张鑫旭-鑫空间-鑫生活
CSS3 filter:drop-shadow滤镜与box-shadow区别应用 « 张鑫旭-鑫空间-鑫生活
filter:drop-shadow实现尖角带阴影的提示面板效果 » 张鑫旭-鑫空间-鑫生活
CSS filter:hue-rotate色调旋转滤镜实现按钮批量生产 « 张鑫旭-鑫空间-鑫生活
纯CSS实现任意格式图标变色的研究 « 张鑫旭-鑫空间-鑫生活
手摸手,带你优雅的使用 icon - 掘金
CSS 字体新玩法之彩色字体 - 掘金
9012年了你还在用单色图标?(iconfont多色图标详解) - 掘金
前端字体截取
前端字体截取
Icon-font图标字体的四类制作方法 - 简书
20款华丽的几何形状字体【免费下载】 - 梦想天空(山边小溪) - 博客园
字体下载大宝库:12款好看的免费英文字体 - 梦想天空(山边小溪) - 博客园
40款用于简洁网页设计的光滑英文字体【下】 - 梦想天空(山边小溪) - 博客园
40款用于简洁网页设计的光滑英文字体【上】 - 梦想天空(山边小溪) - 博客园
分享20个新颖的字体设计草图,带给你灵感 - 梦想天空(山边小溪) - 博客园
微信小程序开发之SVG的使用 | 子勰的博客
快速上手制作Icon Font | 新浪UED
https://fonts.googleapis.com/css?family=Open+Sans

¥CSS3 开发工具

css_tricks

QiShaoXuan/css_tricks: Some CSS tricks,一些 CSS 常用样式
CSS Tricks

extractcss

extractCSS - Online CSS Extractor

cssdream/css-creating: CSS创作指南
Neumorphism/Soft UI CSS shadow generator
CSS3参考手册 - 最新最全的CSS参考手册
你也许不知道,CSS 也有编程能力? - 掘金
www.cnblogs.com/lhb25/archive/2011/05/15/2046038.html
推荐40个优秀的免费CSS工具 - 梦想天空(山边小溪) - 博客园
前端集锦:十款精心挑选的在线 CSS3 代码生成工具 - 梦想天空(山边小溪) - 博客园
分享最新20款非常棒的 CSS 工具 - 梦想天空(山边小溪) - 博客园
24款非常实用的CSS3工具终极收藏 - 梦想天空(山边小溪) - 博客园
分享27个使用纯 CSS 实现的图片画廊 - 梦想天空(山边小溪) - 博客园
24个很酷的 CSS3 文本效果示例及教程 - 梦想天空(山边小溪) - 博客园
Primer – 支撑 GitHub 的 CSS 工具包和准则 - 梦想天空(山边小溪) - 博客园
35款加速网站开发的 CSS 开发工具 - 梦想天空(山边小溪) - 博客园
CssStats – 分析和优化网站 CSS 代码的利器 - 梦想天空(山边小溪) - 博客园
2015年最佳的12个 CSS 开发工具推荐 - 梦想天空(山边小溪) - 博客园
CSS3的文字阴影—text-shadow_text-shadow, css3属性详解 教程_w3cplus
CKStyle-CSS的检查、修复与压缩工具!

¥CSSLint

CSSLint/csslint: Automated linting of Cascading Stylesheets
CSS Lint

¥CSS 精灵

Spritepad

Paratron/CSS-SpritePad: A browser application to create CSS spritemaps with according stylesheets.
SpritePad - Create and edit css sprites

srpite

Klchan-me/srpite

未来必热:SVG Sprite技术介绍 « 张鑫旭-鑫空间-鑫生活

¥CSS in JS

Emotion

emotion-js/emotion: CSS-in-JS library designed for high performance style composition
emotion

Linaria

callstack/linaria: Zero-runtime CSS in JS library
@linaria/webpack4-loader - npm
Linaria – zero-runtime CSS in JS library
Linaria 也许是现在 React 最佳的 JSS 方案

CSS in JS 简介 - 阮一峰的网络日志
[译] Atomic CSS-in-js - 掘金

¥CSS resets

modern-normalize

sindresorhus/modern-normalize: Normalize browsers' default style

Normalize.css

necolas/normalize.css: A modern alternative to CSS resets
bymathias/normalize.styl: Stylus version of normalize.css
kristerkari/normalize.scss: SCSS version of normalize.css
Normalize.css: Make browsers render all elements more consistently.
About normalize.css – Nicolas Gallagher

CSS Tools: Reset CSS

¥CSS 模块化

#CSS Modules

CSS Modules core

css-modules/css-modules: Documentation about css-modules
What are CSS Modules and why do we need them? | CSS-Tricks

CSS Modules libs、plugins&tools

css-modules/postcss-modules-scope: A CSS Modules transform to extract export statements from local-scope classes
css-modules/postcss-modules-local-by-default: PostCSS plugin for css modules to local-scope classes and ids
css-modules/postcss-modules-values: Pass arbitrary constants between your module files
css-modules/postcss-icss-composes: A CSS Modules transform to extract export statements from local-scope classes
css-modules/postcss-icss-values: Pass arbitrary constants between your module files
css-modules/icss-utils: Search & replace tokens during the linking stage of ICSS loading
css-modules/css-selector-tokenizer: Parses and stringifies CSS selectors.
css-modules/postcss-modules-extract-imports: A CSS Modules transform to extract local aliases for inline imports
css-modules/css-modules-loader-core: A loader-agnostic CSS Modules implementation, based on PostCSS
css-modules/postcss-icss-selectors: PostCSS plugin for css modules to local-scope classes and ids
css-modules/postcss-icss-url
css-modules/postcss-icss-import: PostCSS plugin for css-modules to convert @import statements to ICSS
css-modules/css-modules-require-hook: A require hook to compile CSS Modules in runtime
css-modules/postcss-modules-resolve-imports: Resolves ICSS imports
css-modules/css-modulesify: A browserify plugin to load CSS Modules
css-modules/postcss-icss-keyframes: PostCSS plugin for css-modules to local-scope keyframes
css-modules/icss: Interoperable CSS — a standard for loadable, linkable CSS
css-modules/postcss-icss: Postcss plugin to process css modules and extract tokens
css-modules/postcss-modules-lint: PostCSS plugin to verify the scoping of selectors in CSS Modules

CSS Modules 资源、整理集&FAQ

css-modules/browserify-demo: A working demo of CSS Modules, using css-modulesify
CSS Modules 用法教程 - 阮一峰的网络日志

css-blocks

linkedin/css-blocks: High performance, maintainable stylesheets.
CSS Blocks

jonathanpath/SASS-SMACSS: To start your project with SASS. Inspired by SMACSS from Jonathan Snook.
css模块化方案 - 掘金
CSS Modules 详解及 React 中实践 - pure render - 知乎专栏

¥css cli

Wee – 为现代 Web 开发打造的 CSS 脚手架 - 梦想天空(山边小溪) - 博客园

¥css next

cssdb

csstools/cssdb: A database of staged CSS features
cssdb
cssdb

¥Compass

Compass/compass: Compass is no longer actively maintained. Compass is a Stylesheet Authoring Environment that makes your website design simpler to implement and easier to maintain.
Compass Home | Compass Documentation

¥Csstyle

Csstyle - 创建简洁、可维护强的 CSS 样式 - 梦想天空(山边小溪) - 博客园

¥convert&transform

img2css

javierbyte/img2css: Convert any image to pure CSS. Recreates images using only box-shadows.

img2txt

hit9/img2txt: Image to Ascii Text with color support, can output to html or ansi terminal.

¥Helper Class&utility-first CSS

tailwindcss

tailwindcss/tailwindcss: A utility-first CSS framework for rapid UI development.
Tailwind Labs
tailwindlabs/tailwindcss: A utility-first CSS framework for rapid UI development.
Tailwind CSS - 助你快速实现定制化的网站设计的工具集 CSS 框架
Tailwind CSS - Rapidly build modern websites without ever leaving your HTML.

snack-ui/snack-helper: 🗃 A universal CSS helper classes library.
ng-matero/src/styles/helpers at master · ng-matero/ng-matero
如何编写通用的 Helper Class - 叙帝利 - 博客园

¥Less

Less编译工具

Koala - a gui application for LESS, Sass, Compass and CoffeeScript compilation.
WinLess - Windows GUI for less.js
CodeKit - THE Mac App for Web Developers
各种less开发工具 - 司徒正美 - 博客园

less/less.js: Less. The dynamic stylesheet language.
less/less-docs: Documentation for Less.
Getting started | Less.js
Less 中文网
函数手册 | Less 中文网
入门 | Less.js 中文文档
LESS « 一种动态样式语言
LESS-Middleware:Node.js 和 LESS 的完美搭配 - 梦想天空(山边小溪) - 博客园

¥oocss

stubbornella/oocss: Object Oriented CSS Framework
Object-oriented CSS

¥prefixer

autoprefixer

postcss/autoprefixer: Parse CSS and add vendor prefixes to rules by Can I Use
postcss/autoprefixer: Parse CSS and add vendor prefixes to rules by Can I Use
postcss/autoprefixer: Parse CSS and add vendor prefixes to rules by Can I Use
autoprefixer/autoprefixer.github.io: Autoprefixer online — add the desired vendor prefixes and remove unnecessary in your CSS
Autoprefixer CSS online – make your vendor prefixes is actual.
CSS Grid in IE: CSS Grid and the New Autoprefixer | CSS-Tricks
Autoprefixer (@Autoprefixer) | Twitter
css3打包后自动追加前缀插件:autoprefixer - 掘金

prefixfree

LeaVerou/prefixfree: Break free from CSS prefix hell!
Prefix free: Break free from CSS vendor prefix hell!

¥Postcss

¥Postcss core

postcss/postcss: Transforming styles with JS plugins
postcss/README-cn.md at 587e3cd26fbed9e1ca6c8585bc7c57a80f838bdb · postcss/postcss
jdrgomes/awesome-postcss: A curate list about PostCSS
DavidWells/PostCSS-tutorial: Tutorial on adding PostCSS to `create-react-app` CLI
postcss - npm
PostCSS - a tool for transforming CSS with JavaScript
PostCSS - 是一个用 JavaScript 工具和插件来转换 CSS 代码的工具 | PostCSS 中文网

¥Postcss libs、plugins&tools

¥Loader&CLI

postcss/postcss-loader: PostCSS loader for webpack
postcss/postcss-cli: CLI for postcss
postcss-cli - npm
postcss-loader
Package - postcss-cli
postcss-loader的使用指南 - keader01的博客 - CSDN博客
用postcss cli运行postcss - 咖谧也 - 博客园

¥Plugins

¥Better CSS Readability

jonathantneal/precss: Use Sass-like markup in your CSS
hudochenkov/postcss-sorting: PostCSS plugin to keep rules and at-rules content in order.
ismamz/postcss-utilities: PostCSS plugin to add a collection of mixins, shortcuts, helpers and tools for your CSS
jonathantneal/postcss-short: Use advanced shorthand properties in CSS
PostCSS Utility Library
PreCSS

¥Images and Fonts

borodean/postcss-assets: An asset manager for PostCSS
2createStudio/postcss-sprites: Generate sprites from stylesheets.
jonathantneal/postcss-font-magician: Magically generate all the @font-face rules
TrySound/postcss-inline-svg: PostCSS plugin to reference an SVG file and control its attributes with CSS syntax
jonathantneal/postcss-write-svg: Write SVGs directly in CSS

¥Linters

stylelint

stylelint/stylelint: A mighty, modern CSS linter
Configuration
kristerkari/stylelint-scss: A collection of SCSS specific linting rules for stylelint
hudochenkov/stylelint-order: A plugin pack of order related linting rules for stylelint.
stylelint/stylelint-config-recommended: The recommended shareable config for stylelint
webpack-contrib/stylelint-webpack-plugin: A Stylelint plugin for webpack

morishitter/stylefmt: stylefmt is a tool that automatically formats stylesheets.
anandthakker/doiuse: Lint CSS for browser support against caniuse database.
SlexAxton/css-colorguard: Keep a watchful eye on your css colors.

¥Solve Global CSS Problem

postcss/postcss-use: Enable PostCSS plugins directly in your stylesheet.
css-modules/postcss-modules: PostCSS plugin to use CSS Modules everywhere
gajus/react-css-modules: Seamless mapping of class names to CSS modules inside of React components.
maximkoretskiy/postcss-autoreset: PostCSS plugin for automatic rules isolation
maximkoretskiy/postcss-initial: PostCSS plugin to fallback initial keyword
ausi/cq-prolyfill: Prolyfill for CSS Container Queries

¥Use Future CSS, Today

csstools/postcss-preset-env: Convert modern CSS into something browsers understand
postcss-preset-env - npm
postcss-preset-env
postcss-preset-env

¥开发插件

postcss/writing-a-plugin.md at master · postcss/postcss
编写自己的第一个postcss插件 - supming1的专栏 - CSDN博客
从 PostCSS 插件,体验编码到发布全过程 - 简书
开发postcss插件 - 阿里云

#A-G

postcss-aspect-ratio-mini

yisibl/postcss-aspect-ratio-mini: A PostCSS plugin to fix an element's dimensions to an aspect ratio

postcss-atroot

OEvgeny/postcss-atroot: PostCSS plugin to place rules directly at the root

postcss-advanced-variables

jonathantneal/postcss-advanced-variables: Use Sass-like variables, conditionals, and iterators in CSS

postcss-adaptive

songsiqi/postcss-adaptive: A postcss plugin that calculates and generates adaptive css code, such as `rem` and `0.5px borders for retina devices`

postcss-background-image-auto-size

一个自动为背景图添加 width 和 height 的 PostCSS 插件 - 前端 - 掘金

cssnano

cssnano/cssnano: A modular minifier, built on top of the PostCSS ecosystem.
intervolga/optimize-cssnano-plugin: WebPack 2+ plugin for CSS minification after ExtractTextPluging
cssnano: A modular minifier based on the PostCSS ecosystem.
postcss的cssnano插件压缩CSS过程中对@keyframes重命名存在重复的问题。 - weixin_42924712的博客 - CSDN博客

postcss-cssnext

MoOx/postcss-cssnext: `postcss-cssnext` has been deprecated in favor of `postcss-preset-env`.
postcss-cssnext - npm
cssnext - Use tomorrow’s CSS syntax, today.
Deprecating cssnext
MoOx/postcss-cssnext: `postcss-cssnext` has been deprecated in favor of `postcss-preset-env`.

postcss-custom-properties

postcss/postcss-custom-properties: Use Custom Properties in CSS
PostCSS Custom Properties

postcss-custom-selectors

postcss/postcss-custom-selectors: Use Custom Selectors in CSS
PostCSS Custom Selectors

postcss-extend-rule

jonathantneal/postcss-extend-rule: Use the @extend at-rule and functional selectors in CSS
CSS Extend Rule with PostCSS

postcss-flexibility

7rulnik/postcss-flexibility: PostCSS plugin for Flexibility polyfill

postcss-gap-properties

jonathantneal/postcss-gap-properties: Use the gap, column-gap, and row-gap shorthand properties in CSS

postcss-grid-kiss

sylvainpolletvillard/postcss-grid-kiss: A PostCSS plugin to keep CSS grids stupidly simple
grid-kiss playground

fis3-postprocessor-postcss - npm

#H-N

postcss-import

postcss/postcss-import: PostCSS plugin to inline @import rules content
postcss-import - npm

postcss-load-config

michael-ciniawsky/postcss-load-config: Autoload Config for PostCSS
postcss-load-config - npm

postcss-nested

postcss/postcss-nested: PostCSS plugin to unwrap nested rules like how Sass does it.

postcss-npm

GarthDB/postcss-npm: Import CSS styles from NPM modules using PostCSS.
postcss-npm - npm

#O-T

postcss-property-lookup

simonsmith/postcss-property-lookup: PostCSS plugin for property lookups, similar to Stylus

px2rem-postcss

songsiqi/px2rem-postcss: Postcss version of px2rem.
postcss-px2rem-exclude - npm

postcss-rtl

vkalinichev/postcss-rtl: PostCSS plugin for RTL-adaptivity
MohammadYounes/rtlcss: Framework for transforming Cascading Style Sheets (CSS) from Left-To-Right (LTR) to Right-To-Left (RTL)
RTLCSS

postcss-selector-namespace

topaxi/postcss-selector-namespace: Namespace your CSS selectors using postcss
postcss-selector-namespace - npm

postcss-plugin-px2rem

Vue-Cli 4.x 配置 postcss-plugin-px2rem 及 autoprefixer 作为移动端 h5 自适应解决方案 | 「卡通网」前端开发博客 | 「卡通网」前端开发博客

postcss-prefixwrap

dbtedman/postcss-prefixwrap: A PostCSS plugin that is used to wrap css styles with a css selector to constrain their affect on parent elements in a page.

#U-Z

postcss-url

postcss/postcss-url: PostCSS plugin to rebase url(), inline or copy asset.

postcss/plugins.md at master · postcss/postcss
PostCSS.parts | A searchable catalog of PostCSS plugins
从sass到PostCSS - 有一只文艺的程序猿 - SegmentFault 思否
PostCSS 7.0 全新版本发布,用 JS 插件转换样式 - 开源中国
我是如何在webpack中使用postcss-px2rem的 - 蛋挞与伯爵 - 博客园
7 个 PostCSS 插件让你轻松步入 PostCSS - 众成翻译
PostCSS及其常用插件介绍 - 阿里云
PostCSS及其常用插件介绍-WEB前端开发

¥Syntaxes

postcss/sugarss: Indent-based CSS syntax for PostCSS
gucong3000/postcss-syntax: Automatically switch PostCSS syntax based on file extensions
gucong3000/postcss-html: PostCSS syntax for parsing HTML (and HTML-like)
gucong3000/postcss-markdown: PostCSS Syntax for parsing Markdown
gucong3000/postcss-jsx: PostCSS syntax for parsing CSS in JS literals
gucong3000/postcss-styled: PostCSS syntax for parsing styled components
AleshaOleg/postcss-sass: A Sass parser for PostCSS, using gonzales-pe. https://www.npmjs.com/package/postcss-sass
shellscape/postcss-less: PostCSS Syntax for parsing LESS
Crunch/postcss-less
postcss/postcss-js: PostCSS for React Inline Styles, Free Style and other CSS-in-JS
postcss/postcss-safe-parser: Fault tolerant CSS parser for PostCSS
ben-eb/midas: Syntax highlighter based on PostCSS.
postcss/postcss-scss: SCSS parser for PostCSS.

¥Postcss 资源、整理集&FAQ

¥Postcss 资源

¥Postcss 整理集

《PostCSS自学笔记》

PostCSS自学笔记(一)【安装使用篇】 - 我的笔记 - SegmentFault 思否
PostCSS自学笔记(二)【插件篇】 - 我的笔记 - SegmentFault 思否
PostCSS自学笔记(二)【番外篇一】 - 我的笔记 - SegmentFault 思否
PostCSS自学笔记(二)【番外篇二】 - 我的笔记 - SegmentFault 思否

¥Postcss FAQ

安装、配置、理解与运用

Coding-Guide/PostCSS配置指北.md at master · ecmadao/Coding-Guide
css后置处理器PostCss安装与配置 - 要优秀! - CSDN博客
为什么使用PostCSS? - 放开那位大妈的博客 - CSDN博客
手把手教你webpack3(11)PostCSS-Loader配置简述 - qq20004604的博客 - CSDN博客
PostCSS理解与运用 - tuna- - 博客园
[译]PostCSS介绍 - 稻草人.Net - 博客园
postcss的安装与使用 - 我爱张苗苗 - 博客园
postcss那些事儿 - 咖谧也 - 博客园
POSTCSS快速入门使用 - Div.IO

Some things you may think about PostCSS... and you might be wrong - @juliancwirko
It's Time for Everyone to Learn About PostCSS | David Clark Develops the Web
PostCSS Deep Dive - Envato Tuts+ Web Design Tutorials
PostCSS_入门 精通 教程_w3cplus

¥PurgeCSS

Introduction | PurgeCSS
PurgeCSS 用于删除未使用的 CSS 代码的工具 | PurgeCSS 中文网
FullHuman/purgecss: Remove unused CSS

¥Sass

¥SCSS

SCSS — 缩减50%的样式代码 - 掘金
vue在scss中使用js的变量_javascript_lihefei_coder的博客-CSDN博客

dart-sass

sass/dart-sass: The reference implementation of Sass, written in Dart.

libsass

sass/libsass: A C/C++ implementation of a Sass compiler

node-sass

node.js - zurb foundation 6 manual setup - error Failed at the node-sass@3.13.1 postinstall script - Stack Overflow
vue.js - 安装不了node-sass - SegmentFault 思否
整理 node-sass 安装失败的原因及解决办法 - 个人文章 - SegmentFault 思否
npm无法安装node-sass的解决方法 - 王洪宝 - 博客园
node-sass 安装 - yomie - 博客园
npm install报错node-sass

polished

styled-components/polished: A lightweight toolset for writing styles in JavaScript ✨
polished | A lightweight toolset for writing styles in JavaScript

sass core

Sass
sass/sass: Sass makes CSS fun!
Sass: Syntactically Awesome Style Sheets
Sass: Sass 是世界上最成熟、稳定、强大的专业级 CSS 扩展语言。Sass 是 Syntactically Awesome Style Sheets 的缩写。 | Sass 中文网
Sass: Sass 是世界上最成熟、稳定、强大的专业级 CSS 扩展语言。Sass 是 Syntactically Awesome Style Sheets 的缩写。 | Sass 中文网
Sass 参考手册 | Sass 中文文档
SASS - 成熟、稳定、强大的 CSS 扩展语言解析器。 | SASS 中文网
sass入门 - sass教程
Sass 教程_w3cschool

Sass 混入(Mixins)库

bourbon

thoughtbot/bourbon: A Lightweight Sass Tool Set
Bourbon - A Lightweight Sass Tool Set
Bourbon - Documentation
Bourbon – 简单轻量的 Sass 混入(Mixins)库 - 梦想天空(山边小溪) - 博客园

Sass教程 Sass中文文档 | Sass中文网
sass - Placeholder Mixin SCSS/CSS - Stack Overflow
less或scss中@mixin的用法 - 掘金
常用的scss函数(mixin)_山野里的小菊花-CSDN博客
SCSS之MIXIN_【红豆】玲珑骰子安红豆,入骨相思知不知-CSDN博客
mixins.scss 常用mixin变量定义 - 羽衣a甘蓝 - 博客园
常用css代码(scss mixin) - 甜甜酱 - 博客园
less或scss中@mixin的用法 | 码农网
sass之mixin的全局引入(vue3.0) - 豌豆ip代理
SCSS @mixin-蚂蚁部落

oddbird/susy: Responsive layout toolkit for Sass
jonathanpath/SASS-SMACSS: To start your project with SASS. Inspired by SMACSS from Jonathan Snook.
How to Share Variables Between Javascript and Sass
SASS的知识体系构建
分享15款很实用的 Sass 和 Compass 工具 - 梦想天空(山边小溪) - 博客园

¥Stylus

stylus/stylus: Expressive, robust, feature-rich CSS language built for nodejs
Expressive, dynamic, robust CSS — expressive, robust, feature-rich CSS preprocessor
Stylus - 富于表现力、健壮、功能丰富的 CSS 预处理器 | Stylus 中文文档
Stylus: Innovation Research & Advisory
stylus | BootCDN - Bootstrap 中文网开源项目免费 CDN 加速服务
stylus中文文档 » 综述 » 张鑫旭-鑫空间-鑫生活
『前端干货篇』:你不知道的Stylus - 掘金
stylus在vue中的使用 - CSDN博客

¥styled-components

styled-components
styled-components/styled-components: Visual primitives for the component age. Use the best bits of ES6 and CSS to style your apps without stress 💅
dielduarte/animate-css-styled-components: simple port of animate css for styled-components
sergeysova/styled-normalize: normalize.css for styled-components
styled-components
styled-components:前端组件拆分新思路 - 掘金
深入理解styled-components运行机制

¥预处理器语言图形编译

oklai/koala: Koala is a GUI application for less, sass and coffeescript compilation, to help web developers to the development more efficient.
Koala - LESS/Sass/Compass/CoffeeScript编译工具

CSS, Sass, SCSS, Compass, Less,BEM, SMACSS, OOCSS, ACSS, CCSS, WTFSS?_Sass, Compass, BEM, SMACSS, OOCSS, ACSS, CCSS 教程_w3cplus
Styleneat - CSS Organizer
PCSS - CSS Server-side Preprocessor
CSS Drive Gallery- CSS Compressor
Online CSS3 Code Generator With a Simple Graphical Interface - EnjoyCSS
Sass.vs.Less | 简介与比较

$CSS 测试工具

BackstopJS

garris/BackstopJS: Catch CSS curve balls.
https://garris.github.io/BackstopJS/

needle

python-needle/needle: Automated tests for your CSS.
Needle: Automated tests for your visuals — Needle 0.1a1 documentation

$CSS frameworks、libs、plugins&tools

$badge、emoji、font、icon&logo

¥badge frameworks、libs&plugins

¥emoji frameworks、libs&plugins

ChineseBQB

zhaoolee/ChineseBQB: 🇨🇳 Chinese sticker pack,More joy / 表情包的博物馆, Github最有毒的仓库, 中国表情包大集合, 聚欢乐~

emoji

gee1k/emoji: Find the emoji(Unicode)
📙 Get Emoji - Svend

emoji-favicon-toolkit

eligrey/emoji-favicon-toolkit: Emoji Favicon Toolkit - Set your favicon to emoji using canvas & cache as /favicon.ico with service workers

Box-drawing character - Wikipedia
Braille Patterns - Wikipedia
🎁 Emoji cheat sheet for GitHub, Basecamp, Slack & more
【译】用 JavaScript 和 Emoji 做地址栏动画 - 掘金

¥font frameworks、libs&plugins

font-spider

aui/font-spider: Smart webfont compression and format conversion tool

fonts

google/fonts: Font files available from Google Fonts
Programming Fonts - Test Drive
Google Fonts

fontforge

fontforge
FontForge Open Source Font Editor

Iosevka

be5invis/Iosevka: Slender typeface for code, from code.
Iosevka

TypeWonder - Beta
Inter UI font family
Design with web fonts in the browser - Typecast
What Font Is - the best font finder tool
Hack | A typeface designed for source code
有字库-首页-全球第一中文web font(在线字体)服务平台、web font、webfont、在线字体、网络字体
CSS SANS – 神奇!使用 CSS3 创建的字体 - 梦想天空(山边小溪) - 博客园
字体大宝库:20款免费的情人节字体 - 梦想天空(山边小溪) - 博客园
在前端页面中使用@font-face来显示web自定义字体【转】 - fjdingsd - 博客园
iOS Fonts

¥icon frameworks、libs&plugins

¥favicon

favicon摸鱼工具开发0.2版本 - 掘金
shengxinjing/iconjs: favico for fun
Free IT Videos & ProgramHub

¥icon 图标库

CSS icons

CSS ICON -- project by Wenting Zhang
CSS ICON: arrow right
Cikonss | 纯CSS实现的响应式Icon
CSS - Icon | Amaze UI
Subway Icon Set – 306个像素完美的特制图标 - 梦想天空(山边小溪) - 博客园
分享50款 Android 移动应用程序图标【下篇】 - 梦想天空(山边小溪) - 博客园
分享50款 Android 移动应用程序图标【上篇】 - 梦想天空(山边小溪) - 博客园

feather

feathericons/feather: Simply beautiful open source icons
Feather – Simply beautiful open source icons

Fork-Awesome

ForkAwesome/Fork-Awesome: A fork of the iconic font and CSS toolkit (Font-Awesome 4.7)
Fork Awesome, a fork of the iconic font and CSS toolkit

hamburgers

jonsuh/hamburgers: Tasty CSS-animated Hamburgers

Orion Icon Library

The best Icon Tool - Orion Icon Library

RemixIcon

Remix-Design/RemixIcon: Open source neutral style icon system

simple-icons

simple-icons/simple-icons: SVG icons for popular brands
Simple Icons

google/material-design-icons: Material Design icons by Google
xiangsudian/CaoMei: 🍓CaoMei Icon - Designed for developers http://chuangzaoshi.com/icon/
theDazzler/droidicon: Over 1600 customizable icons for Android including 750+ Google Material Design icons, 25 ready-made social badges, and more!
Material Icons Guide - Google Design
适合前端开发 和UI 设计的20多个最佳 ICON 库 - 掘金
分享20个无版权的高清无码图库站 - 梦想天空(山边小溪) - 博客园
免费下载:320+ 手绘风格 Apple iOS7 图标 - 梦想天空(山边小溪) - 博客园
Captain Icon – 350+ 有趣的矢量图标免费下载 - 梦想天空(山边小溪) - 博客园

¥icon fonts

font-awesome

FortAwesome/Font-Awesome: The iconic SVG, font, and CSS toolkit
encharm/Font-Awesome-SVG-PNG: Font Awesome split to individual SVG and PNG files of different sizes along with Node.JS based generator
Justineo/vue-awesome: Awesome SVG icon component for Vue.js, built-in with Font Awesome icons.
flatlogic/awesome-bootstrap-checkbox: Font Awesome Bootstrap Checkboxes & Radios. Pure css way to make inputs look prettier.
PrideChung/FontAwesomeKit: Icon font library for iOS. Currently supports Font-Awesome, Foundation icons, Zocial, and ionicons.
bokmann/font-awesome-rails: the font-awesome font bundled as an asset for the rails asset pipeline
thii/FontAwesome.swift: Use FontAwesome in your Swift projects
Font Awesome 图标字体的代码列表
Font Awesome 中文网 – | 字体图标
FontAwesome 4.7.0 中完整的675个图标样式CSS参考 | Specs' Blog-就爱PHP

iconfont-cli

Iconfont Colorful

IconFont

backflip/gulp-iconfont-css: Create an SCSS file mapping the SVG files piped to gulp-iconfont to their codepoints
typekit/webfontloader: Web Font Loader gives you added control when using linked fonts via @font-face.
nfroidure/gulp-iconfont: Create icon fonts from several SVG icons
Icon fonts
Web fonts - Learn web development | MDN
Iconfont-阿里巴巴矢量图标库
Icon Font & SVG Icon Sets ❍ IcoMoon
Font Awesome
design.google.com
Web字体图标-自动化方案 - 不染
一次性搞定 Iconfont - 掘金
web项目中图标的前端处理方案 - 掘金
Web字体图标-自动化方案 - 掘金
解密 Iconfont - 简书
CSS3 @font-face属性 - 简书

jQuery 字体图标选择

micc83/fontIconPicker: jQuery fontIconPicker v2 is a small (3.22kb gzipped) jQuery plugin which allows you to include a simple icon picker with search and pagination inside your administration forms.
jQuery fontIconPicker - An elegant font icon picker written in jQuery
fontIconPicker – 优雅的 jQuery 字体图标选择 - 梦想天空(山边小溪) - 博客园

nerd-fonts

ryanoasis/nerd-fonts: Iconic font aggregator, collection, & patcher. 3,600+ icons, 50+ patched fonts: Hack, Source Code Pro, more. Glyph collections: Font Awesome, Material Design Icons, Octicons, & more

svg-packer

antfu/svg-packer: 📦 Pack SVGs to Icon Fonts - In Browser

Topic: icon-fonts

¥svg icon

css.gg

astrit/css.gg: 700+ Pure CSS, SVG & Figma UI Icons Available in SVG Sprite, styled-components, NPM & API

flag-icon-css

lipis/flag-icon-css: A collection of all country flags in SVG — plus the CSS for easier integration

IconPark

bytedance/IconPark: 🍎🍎Transform an SVG icon into multiple themes, and generate React icons,Vue icons,svg icons🍎🍎

Iconify

Iconify
Iconify - Unified icons framework

icones

antfu/icones: ⚡️ Icon Explorer with Instant searching, powered by Iconify
Icônes
Icônes

danklammer/bytesize-icons: Tiny style-controlled SVG iconset (94 icons, 10kb)

新奇!让简单的页面瞬间变酷的图标填充效果 - 梦想天空(山边小溪) - 博客园

¥logo frameworks、libs&plugins

bestony/logoly: A Pornhub Flavour Logo Generator

$other CSS frameworks、libs、plugins&tools

argon-design-system

creativetimofficial/argon-design-system: Argon - Design System for Bootstrap 4 by Creative Tim

atom.css

MatrixAges/atom.css: A atom-style library of CSS atomic elements. To build app faster and more flexible.

bulma

jgthms/bulma: Modern CSS framework based on Flexbox

Concise CSS

Concise CSS

iview-weapp

TalkingData/iview-weapp: 一套高质量的微信小程序 UI 组件库

latex-css

vincentdoerig/latex-css: LaTeX.css is a CSS library that makes your website look like a LaTeX document

materialize

Dogfalo/materialize: Materialize, a CSS Framework based on Material Design

mustard-ui

kylelogue/mustard-ui: A starter CSS framework that actually looks good.
Mustard UI · A CSS framework that actually looks good.

normalize.css

necolas/normalize.css: A modern alternative to CSS resets

pure

pure-css/pure: A set of small, responsive CSS modules that you can use in every web project.

papercss

papercss/papercss: The Less Formal CSS Framework
PaperCSS • the less formal CSS framework

rework

reworkcss/rework: Plugin framework for CSS preprocessing in Node.js
reworkcss/rework: Plugin framework for CSS preprocessing in Node.js

shards-ui

DesignRevision/shards-ui: 🎨Shards is a beautiful & modern Bootstrap 4 UI kit packed with extra templates and components.
Shards - A High-Quality and Free Bootstrap 4 UI Kit — DesignRevision

tachyons

tachyons-css/tachyons: Functional css for humans

teutonic-css

fortrabbit/teutonic-css: A modern CSS framework — versatile, well documented.
Teutonic CSS

wing

kbrsh/wing: A beautiful CSS framework designed for minimalists.
KingPixil/wing: Minimal, Responsive CSS Framework

troxler/awesome-css-frameworks: List of awesome CSS frameworks
milligram/milligram: A minimalist CSS framework.
twbs/bootstrap: The most popular HTML, CSS, and JavaScript framework for developing responsive, mobile first projects on the web.
zdhxiong/mdui: MDUI 是一个基于 Material Design 的前端框架。
disjukr/activate-power-mode: Activate POWER MODE anywhere
stbui/angular-material-app: 基于最新Angular 6框架与Material 2技术的web企业级中后台前端应用框架,可以帮助企业提高工作效率,节省开发成本,提升品牌形象。
viclm/numeric-keyboard: Numeric keyboard for mobile browsers
adamschwartz/magic-of-css: A CSS course to turn you into a magician.
browserhtml/browserhtml: Experimental Servo browser built in HTML
Good to Great UI Animation Studio Files
Part I: Using JavaScript to set @keyframes in CSS animations (Windows Store apps, IE) – MSDN Answers
Canvas Gauges
Mint UI
core.css
CSS Loader
Wenk - Lightweight pure CSS tooltip for the greater good

$主题

¥前端换肤

聊一聊前端换肤 - 掘金
Web界面深色模式和主题化开发 - 掘金

98.css

jdan/98.css: A design system for building faithful recreations of old UIs

arc-theme

horst3180/arc-theme: A flat theme with transparent elements

darken

ColinEspinas/darken: 🌑 Dark mode made easy

github-markdown-css

sindresorhus/github-markdown-css: The minimal amount of CSS to replicate the GitHub Markdown style

GitHub-Dark

StylishThemes/GitHub-Dark: Dark GitHub style

hexo-theme-next

董沅鑫的个人网站

jupyter-themes

dunovank/jupyter-themes: Custom Jupyter Notebook Themes

minimal-mistakes

mmistakes/minimal-mistakes: Jekyll theme for personal sites, blogs, and portfolios. Two-columns and extremely flexible.

material-design-lite

google/material-design-lite: Material Design Components in HTML/CSS/JS

matter

finnhvman/matter: Material Components in Pure CSS

slack-black-theme

widget-/slack-black-theme: A darker, more contrasty, Slack theme.

twentynineteen

WordPress/twentynineteen: Twenty Nineteen is a theme now included in all WordPress installs. To report any issues please go here: https://core.trac.wordpress.org/newticket

videojs

amazeui/videojs: Video.js Amaze UI Skin.

handong1587/handong1587.github.io

$页面、布局&排版

¥404

bestvist/axial3d: 🎨 3D effect page for github404.
错误的艺术!20个创意的404错误页面设计 - 梦想天空(山边小溪) - 博客园

¥吸顶&吸底

CSS实现footer“吸底”效果 - 掘金
【前端词典】5 种滚动吸顶实现方式的比较[性能升级版] - 掘金

¥占位符

zellwk/adaptive-placeholders: Float label pattern built with pure SCSS
Adaptive Placeholder – 自适应的占位符效果

¥全屏遮罩

Fullscreen Overlay Styles
Display Images with Shape Masking and Nifty Effect | Demo | Queness

¥导航栏、侧边栏&菜单

圆形导航

SaraSoueidan (Sara Soueidan)
SaraSoueidan/circular-navigation: Demo for Codrops Tutorial: Building a Circular Navigation with CSS Transforms
Building a Circular Navigation with CSS Transforms

多层推拉菜单

crnacura/CodropsTemplate: Template for Codrops demo with article template
Multi-Level Push Menu

使用 jQuery 和 CSS3 制作滑动导航菜单 - 梦想天空(山边小溪) - 博客园
创意无限!一组网页边栏过渡动画【附源码下载】 - 梦想天空(山边小溪) - 博客园
简洁设计,20个很有特色的网站头部设计 - 梦想天空(山边小溪) - 博客园
24个 HTML5 & CSS3 下拉菜单效果及制作教程 - 梦想天空(山边小溪) - 博客园

¥登录注册

应用程序模板:16个创意的手机登录界面设计 - 梦想天空(山边小溪) - 博客园
优秀示例:一组创意的手机注册和登录界面设计 - 梦想天空(山边小溪) - 博客园

elf

jrainlau/elf: 一个干净,轻巧的响应式CSS框架。
elf | a light and clean responsive framework
elf,基于flexbox的响应式CSS框架 - 掘金

kite

hiloki/kitecss: Kite is a flexible layout helper CSS library.
Kite

lost

peterramsing/lost: LostGrid is a powerful grid system built in PostCSS that works with any preprocessor and even vanilla CSS.

typo.css

sofish/typo.css: 中文网页重设与排版:一致化浏览器排版效果,构建最适合中文阅读的网页排版

alphardex/shiro: My CSS Creation Portfolio.
Shiro
Patternizer - Stripe Pattern Generator Tool
Hover States / The home of alternative digital design
我写CSS的常用套路 - 掘金
【干货分享】Google 的设计准则,素材和资源 - 梦想天空(山边小溪) - 博客园
15个前卫的 HTML5 & CSS3 网页设计作品 - 梦想天空(山边小溪) - 博客园

$文本、元素、表单、表格&组件

¥按钮(Button)

Buttons

alexwolfe/Buttons: A CSS button library built using Sass and Compass

Ghost Buttons

使用虚拟按钮(Ghost Buttons)的25个网站 - 梦想天空(山边小溪) - 博客园

iRaul/pushy-buttons: CSS Pressable 3D Buttons. 👇
How can I make a CSS Hover not work if a button is disabled? - Stack Overflow
可能被忽略的"按钮组件"细节 - 掘金
BonBon - 使用 CSS3 制作甜美的糖果按钮 - 梦想天空(山边小溪) - 博客园
jQuery & CSS 制作金属质感的选择按钮 - 梦想天空(山边小溪) - 博客园
使用 CSS3 制作一组超时尚的动画按钮效果 - 梦想天空(山边小溪) - 博客园
美妙的 CSS3 动画!一组梦幻般的按钮效果 - 梦想天空(山边小溪) - 博客园
使用 CSS3 打造一组质感细腻丝滑的按钮 - 梦想天空(山边小溪) - 博客园

¥复选框(Checkbox)、选择器(Select)&多选(Multiple selection)

MagicSuggest

Magicsuggest/magicsuggest: Multiple Selection Combo Box using Bootstrap 3
MagicSuggest - Examples
MagicSuggest - Home

你见过吗?9款超炫的复选框(Checkbox)效果 - 梦想天空(山边小溪) - 博客园

¥滚动条

修改滚动条样式

CSS设置滚动条样式(兼容IE) - Rey - CSDN博客
HTML:滚动条样式自定义(IE/FireFox/webkit) - Siimple的博客 - CSDN博客
CSS设置滚动条样式(兼容IE) - 简书
chrome和IE下的滚动条样式修改 - _Jo - 博客园
修改IE滚动条样式 - 阿里云
CSS如何设置兼容IE滚动条样式的代码图文-css教程-PHP中文网

¥输入框(Input)&搜索框(Search)

fancyInput

yairEO/fancyInput: Makes typing in input fields fun with CSS3 effects

Basin

Basin | Simple form backend for designers and developers

wtf-forms

mdo/wtf-forms: Friendlier HTML form controls with a little CSS magic.
mdo/wtf-forms: Friendlier HTML form controls with a little CSS magic.

$静态效果

¥灯箱

jbutz/bootstrap-lightbox: A simple lightbox plugin based on the bootstrap modal plugin.

¥时钟

使用 CSS & jQuery 制作一款漂亮的多彩时钟 - 梦想天空(山边小溪) - 博客园
干货满满!如何优雅简洁地实现时钟翻牌器(支持JS/Vue/React)

¥工具提示

simptip

arashmanteghi/simptip: A simple CSS tooltip made with Sass
Simptip: a simple CSS tooltip made with Sass

¥幻灯片

Tilted Content Slideshow
酷毙了!三种风格的全屏幻灯片效果【附源码下载】 - 梦想天空(山边小溪) - 博客园

¥图片样式

根据图片亮度智能切换元素样式

kennethcachia/background-check: Automatically switch to a darker or a lighter version of an element depending on the brightness of images behind it.

8个前沿的 HTML5 & CSS3 效果【附源码下载】 - 梦想天空(山边小溪) - 博客园
让你心动的 HTML5 & CSS3 效果【附源码下载】 - 梦想天空(山边小溪) - 博客园
精选12个时尚的 CSS3 效果【附源码下载】 - 梦想天空(山边小溪) - 博客园
网页设计中手风琴效果的20个最佳实践 - 梦想天空(山边小溪) - 博客园
你想不到的!CSS 实现的各种球体效果【附在线演示】 - 梦想天空(山边小溪) - 博客园
3D Grid Effect – 使用 CSS3 制作网格动画效果 - 梦想天空(山边小溪) - 博客园
Web 开发中很实用的10个效果【附源码下载】 - 梦想天空(山边小溪) - 博客园

$动效&动画

#loading

css loading

使用 CSS3 实现超炫的 Loading(加载)动画效果 - 梦想天空(山边小溪) - 博客园
见过吗?14个超有创意的加载进度条设计 - 梦想天空(山边小溪) - 博客园
炫!一组单元素实现的 CSS 加载进度提示效果 - 梦想天空(山边小溪) - 博客园
HTML5 Canvas 实现的9个 Loading 效果 - 梦想天空(山边小溪) - 博客园
真是好东西!一组动感的页面加载动画效果 - 梦想天空(山边小溪) - 博客园
使用 SVG 实现一个漂亮的页面预加载效果 - 梦想天空(山边小溪) - 博客园
单个元素实现的 CSS3 Loading 效果
纯CSS3 Loading加载动画DEMO演示

loaders.css

ConnorAtherton/loaders.css: Delightful, performance-focused pure css loading animations.
https://connoratherton.com/loaders

Loading.io

Loading.io
loadingio/css-spinner: small, elegant pure css spinner for ajax or loading animation
loadingio/loading.css: 40+ Handcrafted CSS animations dedicated for your loaders
loadingio/transition.css: css animation for transitional effect
loadingio/loading-bar: Flexible, light weighted and super fast Progress Bar Library
loading.io - Your SVG + GIF + PNG Ajax Loading Icons

SVG-Loaders

SamHerbert/SVG-Loaders: Loading icons and small animations built with pure SVG.

网格布局图像加载动画

为网格布局图片打造的超炫 CSS 加载动画 - 梦想天空(山边小溪) - 博客园

不可思议的纯 CSS 滚动进度条效果 - 掘金

#hover

Hover

IanLunn/Hover: A collection of CSS3 powered hover effects to be applied to links, buttons, logos, SVG, featured images and so on. Easily apply to your own elements, modify or just use for inspiration. Available in CSS, Sass, and LESS.

imagehover.css

ciar4n/imagehover.css: Pure CSS Image Hover Effect Library

ihover

gudh/ihover: iHover is a collection of hover effects using pure CSS, inspired by codrops article, powered by Sass.

CSS八种让人眼前一亮的HOVER效果

animate.css

animate-css/animate.css: 🍿 A cross-browser library of CSS animations. As easy to use as an easy thing.
Animate.css
Animate.css

csshake

elrumordelaluz/csshake: CSS classes to move your DOM!
CSShake

cssfx

jolaleye/cssfx: ✨ Beautifully simple click-to-copy CSS effects

css-effects-snippets

emilkowalski/css-effects-snippets: ☁️ A collection of CSS effects made with Vue.js.

OriDomi

dmotz/oriDomi: Fold up DOM elements like paper
OriDomi - origami for the web

Waves

fians/Waves: Click effect inspired by Google's Material Design
Waves

miniMAC/magic: CSS3 Animations with special effects
Animating URLs with Javascript and Emojis
Part I: Using JavaScript to set @keyframes in CSS animations (Windows Store apps, IE) – MSDN Answers
Good to Great UI Animation Studio Files
【译】推荐的十个CSS动画库 - 掘金
Magic CSS3 – 创建各种神奇的交互动画效果 - 梦想天空(山边小溪) - 博客园
能解决 80% 需求的 10个 CSS动画库
[译文]网页动画的十二原则 - CSS Animation

$检测&兼容

itcss

itcss/itcss-netmag
itcss, from CSS Wizardry

Modernizr

Modernizr/Modernizr: Modernizr is a JavaScript library that detects HTML5 and CSS3 features in the user’s browser.
Modernizr: the feature detection library for HTML5/CSS3
Modernizr 中文网
Modernizr.js-使用 - CSDN博客
Modernizr.js入门指南 - CSDN博客
JS进阶篇--前端的瑞士军刀Modernizr.js - 风雨过后见彩虹 - SegmentFault 思否
js库Modernizr的介绍和使用_其它_脚本之家
前端初学者——初探Modernizr.js Modernizr.js笔记 - 前端怪兽 - 博客园
Modernizr.js介绍与使用 - _Simon - 博客园
Modernizr.js - 故宫博物院 - 博客园
Modernizr.js:为HTML5和CSS3而生!-前端开发博客

$响应式(Responsive)

spectre

picturepan2/spectre: Spectre.css - A Lightweight, Responsive and Modern CSS Framework
Spectre.css - A Lightweight, Responsive and Modern CSS Framework

bradtraversy/modern_portfolio: Responsive portfolio website
sitetent/tentcss: A CSS survival kit. Includes only the essentials to make camp.
Best Free Responsive Html5 Css3 Templates and Themes in 2016 - Html5xCss3
HTML5 UP! Responsive HTML5 and CSS3 Site Templates
Materialize - 响应式 Material Design 框架 - 梦想天空(山边小溪) - 博客园
SpaceBase – 基于 Sass 的响应式 CSS 框架 - 梦想天空(山边小溪) - 博客园
创建响应式布局的优秀网格工具集锦《系列五》 - 梦想天空(山边小溪) - 博客园
创建响应式布局的优秀网格工具集锦《系列四》 - 梦想天空(山边小溪) - 博客园
12款高质量的响应式 HTML5/CSS3 网站模板 - 梦想天空(山边小溪) - 博客园
15款免费的 HTML5/CSS3 响应式网页模板 - 梦想天空(山边小溪) - 博客园
Schema – 模块化,响应式的前端开发框架 - 梦想天空(山边小溪) - 博客园
推荐12个创建响应式布局的优秀网格框架 - 梦想天空(山边小溪) - 博客园
30套免费的响应式 HTML5 & CSS3 模板下载 - 梦想天空(山边小溪) - 博客园
创建响应式布局的10款优秀网格工具集锦 - 梦想天空(山边小溪) - 博客园
干货分享!12款响应式的移动网站模板免费下载 - 梦想天空(山边小溪) - 博客园
Crumpet – 使用很简单的响应式前端开发框架 - 梦想天空(山边小溪) - 博客园

$CSS 资源、整理集&FAQ

$CSS 资源

¥canvas

canvas core

CanvasRenderingContext2D - Web API 接口参考 | MDN
canvas API中文网 - Canvas API中文文档首页地图
Canvas Gauges
最近学习canvas,做了一些效果的合集(附源码地址) - 掘金
canvas-应用大全 - 掘金

canvas 效果

水波纹效果

阅读 material-ui 实现「水波纹效果」 - 掘金
如何使用 HTML5 Canvas 制作水波纹效果 - 梦想天空(山边小溪) - 博客园

Canvas系列之一——滤镜效果 - 掘金
canvas中的拖拽、缩放、旋转 (上) —— 数学知识准备 - 掘金
Canvas 实现画中画动画效果--网易娱乐年度盘点H5动画解密 - 掘金
又双叒叕是一个 canvas 动画 - 掘金
canvas-坐标系、圆角矩形、纹理、剪裁 - 掘金
利用噪声与canvas生成酷炫的背景动画 - 掘金
图形处理:给 Canvas 文本填充线性渐变

canvas 教程

Oscillating sine wave, including the steps to figuring out how to plot a sine wave
Meicai Blog
✏️Canvas实现图片上标注、缩放、移动和保存历史状态,纯干货(附css3变化公式) - 掘金
玩转「Canvas」 - 掘金
看完这本攻略,Canvas新手小白也可以创建惊人特效 - 掘金
Canvas+Socket搞出一个多人游玩的“我画你猜” - 掘金
前端庆祝节日的方法 - 掘金
熬夜总结了 “HTML5画布” 的知识点(共10条)
学习HTML5 Canvas这一篇文章就够了 - 完善飞跃 - CSDN博客
html5清空画布方法 - dxylilac - CSDN博客
JavaScript之Canvas画布_但愿人长久 千里共婵娟-CSDN博客
贝塞尔曲线 总结_PlayBoys 部落格-CSDN博客
HTML5 Canvas中绘制椭圆的5种方法_canvas,椭圆,canvas自带绘制椭圆_汉堡请不要欺负面条-CSDN博客
html5 实现画虚线_洪小灯的博客-CSDN博客
判断一个点是否在四边形内部_San_Junipero的博客-CSDN博客
已知四边形的四个点,求一个点是否在四边形之内的解决方法_laukaka的专栏-CSDN博客
JS实现判断点是否在多边形内部(1)--射线法理论_随遇而安-CSDN博客
Canvas学习:渐变_Canvas, Canvas学习 教程_w3cplus

¥CSS 词汇表

calc

Hardcore CSS calc( ) – Buildit @ Wipro Digital – Medium
CSS 中 calc() 的应用 - 掘金

CSS 滚动捕捉技术(Scroll Snapping)

[译] CSS 滚动捕捉技术(Scroll Snapping)介绍 - 掘金

font-family

CSS font-family 各名称一览表 - CSDN博客
CSS,font-family,好看,常用,中文,字体(更新中) - CSDN博客

filter

CSS filter与前端滤镜 - 掘金
css中的filter属性语法说明 - CSDN博客
css filter进行图片处理 - CSDN博客
css3中强大的filter(滤镜)属性 - lms_码农 - 博客园
CSS3 Filter详解(改变模糊度 亮度 透明度等方法) - 风雨后见彩虹 - 博客园

line-height

line-height设置% 数字以及em - Asa的专栏 - CSDN博客
line-height百分比和数字值的区别 - 转角遇到谁 - 博客园

object-fit

object-fit - CSS(层叠样式表) | MDN

position

CSS 相对|绝对(relative/absolute)定位系列(一) « 张鑫旭-鑫空间-鑫生活
CSS 相对/绝对(relative/absolute)定位系列(二) « 张鑫旭-鑫空间-鑫生活
# CSS 绝对定位释义 - 掘金
去掉父元素position:absolute属性后没有高度了? - xubingnan123的博客 - CSDN博客
absolute 和float - xiaofenguo - 博客园

transform

css3 | 浅谈transform变换 - 掘金

vertical-align

CSS深入理解vertical-align和line-height的基友关系 « 张鑫旭-鑫空间-鑫生活
我对CSS vertical-align的一些理解与认识(一) « 张鑫旭-鑫空间-鑫生活
CSS vertical-align的深入理解(二)之text-top篇 « 张鑫旭-鑫空间-鑫生活
The vertical-align Property
CSS 魔法堂:深入理解 line-height 和 vertical-align - 前端 - 掘金
深入理解 CSS:字体度量、line-height 和 vertical-align - 掘金
关于 vertical-align 你应该知道的一切 - 掘金

Viewport

CSS Viewport 单位,很多人还不知道使用它来快速布局! - 掘金

line-break、overflow-wrap、word-break、white-space、word-wrap

word-break - CSS(层叠样式表) | MDN
white-space - CSS(层叠样式表) | MDN
overflow-wrap - CSS(层叠样式表) | MDN
line-break - CSS(层叠样式表) | MDN
CSS 的空格处理 - 阮一峰的网络日志
CSS overflow-wrap新属性值anywhere是干嘛用的? « 张鑫旭-鑫空间-鑫生活
word-break:break-all和word-wrap:break-word的区别 « 张鑫旭-鑫空间-鑫生活
复习下white-space - 掘金
彻底搞懂word-break、word-wrap、white-space - 掘金
按钮上的文字自动换行 - 陌悠轩 - 博客园

word-spacing、letter-spacing

word-spacing - CSS(层叠样式表) | MDN
letter-spacing - CSS(层叠样式表) | MDN
word-spacing和letter-spacing之间的区别_binlety-CSDN博客
letter-spacing和word-spacing之间的区别 - OrangeManLi - 博客园
深入理解letter-spacing和word-spacing2_移动开发_liwusen的博客-CSDN博客
css常用属性总结:关于word-spacing和letter-spacing的使用 - 小黑的胡子 - 博客园
letter-spacing和word-spacing之间的区别_百度知道
letter-spacing和word-spacing之间的区别 - 简书
一句话理解word-spacing letter-spacing的区别 - 简书
深入理解letter-spacing,word-spacing的对比区别

will-change

CSS 前端页面渲染优化 属性 will-change - 掘金

z-index

层叠上下文 - Web 开发者指南 | MDN
深入理解CSS中的层叠上下文和层叠顺序 « 张鑫旭-鑫空间-鑫生活
前端面试之层叠上下文(z-index) - 掘金
css层叠z-index属性使用视频教程-慕课网

阴影

【译】不止是 box-shadow,用 css 能表现的各种影子,以及各种陷阱! - 掘金
【译】 box-shadow美化3D转换效果 - 掘金

CSS 词汇表
CSS Click Chart | CSS3 Browser Support and Information
Learn to code at home | freeCodeCamp.org
pointer-events - CSS3参考手册
2019年这1年多学到的CSS新特性 | 掘金年度征文 - 掘金
🔥 从最近流行的一幅 CSS 风景画中学习 2 个知识点 - 掘金
CSS的常用属性速查表 - 掘金
【译】CSS 中你需要知道 auto 的一切! - 掘金
这些 CSS 伪类,你可能还不知道,可以用起来了!
css单词汇总 - JerryWu145的专栏 - CSDN博客
2019-03-20 CSS词汇 - 简书
CSS Vocabulary – CSS 词汇表,你都掌握了吗? - 梦想天空(山边小溪) - 博客园
CSS 基本词汇表 - 踏得网
CSS术语词汇表 - 学习教程 - dt猫

¥CSS 选择器

#pseudo-class&pseudo-element

::marker

Custom bullets with CSS ::marker

@font-face

CSS @font-face性能优化 - 掘金
在线Webfont字体生成工具,@font-face生成器 - 在线工具 - 字客网

Selectors Level 4

Selectors Level 4
[译]19个CSS level 4 选择器 - 掘金

CSS 2.1 selectors, Part 1 | 456 Berea Street
Media Query Change Detection in JavaScript Through CSS Animations | CSS-Tricks
CSS 选择器 | 菜鸟教程
CSS3 [attribute$=value] 选择器 | 菜鸟教程
CSS3 [attribute^=value] 选择器 | 菜鸟教程
CSS选择器笔记 - 阮一峰的网络日志
[译]19个CSS level 4 选择器 - 掘金
深入理解CSS选择器优先级 - 掘金
盘点 CSS Selectors Level 4 中新增的选择器 - 掘金
神奇的选择器 :focus-within - 掘金
详细解读 CSS 优先级,终于忘不掉了 - 掘金
【小技巧】巧用CSS属性值正则匹配选择器 - 掘金
前端布局必须了解的css选择器 - 掘金
:after/::after和:before/::before的区别_网络_前端向朔-CSDN博客

¥CSS 效果 & 功能

3D

Tridiv | CSS 3D Editor
新奇!十分钟使用CSS实现酷炫的3D视角

CSS Mask

客栈说书:CSS遮罩CSS3 mask/masks详细介绍 « 张鑫旭-鑫空间-鑫生活
CSS遮罩实现PNG图标变色
奇妙的 CSS MASK

CSS Shapes

《CSS 魔法系列》

CSS 魔法系列:纯 CSS 绘制三角形(各种角度) - 梦想天空(山边小溪) - 博客园
CSS 魔法系列:纯 CSS 绘制基本图形(圆、椭圆等) - 梦想天空(山边小溪) - 博客园
CSS 魔法系列:纯 CSS 绘制图形(心形、六边形等) - 梦想天空(山边小溪) - 博客园
CSS 魔法系列:纯 CSS 绘制图形(各种形状的钻石) - 梦想天空(山边小溪) - 博客园
CSS 魔法系列:纯 CSS 绘制各种图形《系列六》 - 梦想天空(山边小溪) - 博客园

Shape Divider App
【译】CSS Shapes 简介 - 掘金
[英] CSS Shapes 介绍 - 前端 - 掘金
用CSS画一个带阴影的三角形 - 掘金

CSS滤镜

《蜘蛛侠:平行宇宙》的视觉解析与滤镜实现 - 掘金
【Flutter小技巧】一行代码 全灰致敬 - 掘金
App 黑白化实现探索,有一行代码实现的方案吗? - 掘金
b站全灰,原来仅需一行css代码——css 滤镜 - 掘金
明天全国哀悼日,一段css让全站变灰 - 掘金
4.4号疫情哀悼日网页变灰色前端是如何实现的? - 哔哩哔哩
经典网页设计:使用颜色滤镜效果的20个网站 - 梦想天空(山边小溪) - 博客园

CSS渐变

linear-gradient

Explaining gradient angles
CSS Images Module Level 3
奇舞周刊

radial-gradient

CSS 之使用径向渐变实现卡券效果

uiGradients

ghosh/uiGradients: 🔴 Beautiful colour gradients for design and code

webkul/coolhue: Coolest Gradient Hues and Swatches by UVdesk
神奇的 conic-gradient 圆锥渐变 - ChokCoco - 博客园
再说CSS3渐变——线性渐变_gradient 教程_w3cplus
CSS3 Gradient_gradient, css3属性详解 教程_w3cplus

文本效果

文本溢出截断省略超出隐藏

text-overflow - CSS(层叠样式表) | MDN
css实现文本超出"..." - 掘金
可能是最全的 “文本溢出截断省略” 方案合集 - 掘金
纯 CSS 实现多行文字截断 - 掘金
CSS 技巧一则 -- 不定宽溢出文本适配滚动
CSS控制文字只显示一行 超出部分显示省略号 - 博客园

文字竖向排列

DOM 和 Canvas 如何实现文字竖向排列的效果 - 掘金

Cool!15个超炫的 CSS3 文本特效【上篇】 - 梦想天空(山边小溪) - 博客园
Cool!15个创意的 CSS3 文本效果【下篇】 - 梦想天空(山边小溪) - 博客园
推荐20款基于 jQuery & CSS 的文本效果插件 - 梦想天空(山边小溪) - 博客园

图片、图像

Elastislide - 响应式的图片循环展示效果 - 梦想天空(山边小溪) - 博客园
使用 CSS3 伪元素实现立体的照片堆叠效 - 梦想天空(山边小溪) - 博客园
PhotoSwipe - 移动开发必备的 iOS 风格相册 - 梦想天空(山边小溪) - 博客园
ShineTime - 带有 CSS3 闪亮特效的缩略图相册 - 梦想天空(山边小溪) - 博客园

面包屑效果

web应用中的面包屑前端存储方案 - 掘金
学习使用 CSS3 制作网站面包屑导航效果 - 梦想天空(山边小溪) - 博客园

标签云效果

基于纯 CSS3 技术实现美观的标签云效果 - 梦想天空(山边小溪) - 博客园

镂空效果

用纯 CSS 实现镂空效果 - 掘金

下拉菜单

ask888/CSS3-Minimalistic-Navigation
Create a stunning menu in CSS3 | Webdesigner Depot
Click action Multi-level CSS3 Dropdown Menu
Creating a CSS3 Dropdown Menu #2
Creating a Multilevel CSS3 Metal Navigation with icons
Creating CSS3 Dropdown Menu #3
Creating A CSS3 Dropdown Menu #4
Whirling CSS3 dropdown menu
Creating a Marble Style CSS3 Navigation Menu
Free CSS Drop-Down Menu Framework
How to Create a Drop-Down Nav Menu With HTML5, CSS3 and JQuery
How to Build a Kick-Butt CSS3 Mega Drop-Down Menu
CSS3 Dropdown Menu - Web Designer Wall - Design Trends and Tutorials
Making a CSS3 Animated Menu - Tutorialzine
Página no encontrada
Creative CSS3 Animation Menus
Slide Down Box Menu with jQuery and CSS3
CSS hover menu
Dark Menu: Pure CSS3 Two Level Menu [Tutorial] - Ahmad Hania Blog
CSS3 animated dropdown menu demo

抗锯齿

💫 CSS 幻术 | 抗锯齿

水印

《大前端 基础组件》系列 80行实现一个网页水印npm包 - 掘金
前端页面水印生成实现 - 掘金
从破解某设计网站谈前端水印(详细教程)

暗黑模式

三行CSS为掘金添加暗黑模式支持

CSS Specificity – Emma Wedekind – Medium
趣味CSS3效果挑战小汇总 - 掘金
学会这些CSS,休想让我切图!!!

¥CSS 动效&动画

鼠标跟随

不可思议的纯 CSS 实现鼠标跟随效果 - 掘金

全屏网页过渡特效

Codrops 优秀教程:基于 CSS3 的全屏网页过渡特效 - 梦想天空(山边小溪) - 博客园
Codrops 教程:基于 CSS3 的精美模态窗口效果 - 梦想天空(山边小溪) - 博客园

立体图片切换效果

精致3D图片切换效果,最适合企业产品展示 - 梦想天空(山边小溪) - 博客园

信封效果

CSS3 过渡特性创建信封效果的联系表单 - 梦想天空(山边小溪) - 博客园

下雪效果

owen26/snowflakesjs: Demo 演示网址
纯css模拟下雪效果 - 掘金
【前端词典】实现 Canvas 下雪背景引发的性能思考 - 掘金

JavaScript牛刀小试,结合CSS3动画属性来做一个系统时间同步的时钟 - 掘金
2018 最佳前端动效集锦 - 前端 - 掘金
CSS3 动画解析 - 掘金
弹指间,网页灰飞烟灭——Google灭霸彩蛋实现 - 掘金
画物语——CSS动画之美 | 掘金技术征文-双节特别篇
15个来自 CodePen 的酷炫 CSS 动画效果【下篇】 - 梦想天空(山边小溪) - 博客园
35个让人惊讶的 CSS3 动画效果演示 - 梦想天空(山边小溪) - 博客园
Transit – 超平滑的 CSS 过渡和变换动画效果插件 - 梦想天空(山边小溪) - 博客园
Devrama Slider - 支持任意 HTML 的内容滑块 - 梦想天空(山边小溪) - 博客园
使用 CSS3 实现 3D 图片滑块效果【附源码下载】 - 梦想天空(山边小溪) - 博客园
提升用户体验!29个使用动画效果的网站布局 - 梦想天空(山边小溪) - 博客园
Magic CSS3 – 创建各种神奇的交互动画效果 - 梦想天空(山边小溪) - 博客园
《前端5分钟》之使用纯css实现网站换肤和焦点图切换动画

¥CSS 变量

jhildenbiddle/css-vars-ponyfill: Client-side support for CSS custom properties (aka "CSS variables") in legacy and modern browsers
How to combine SASS color functions and CSS Variables | CodyHouse
currentColor-CSS3超高校级好用CSS变量 « 张鑫旭-鑫空间-鑫生活
妙用CSS变量,让你的CSS变得更心动 - 掘金
玩转 CSS 变量

¥SVG

SVG core

<animate> - SVG: Scalable Vector Graphics | MDN
SVG 参考手册 | 菜鸟教程
SVG 教程 | 菜鸟教程
SVG 文本 | 菜鸟教程

SVG libs、plugins&tools

clip-path

clip-path - CSS(层叠样式表) | MDN
In Pieces - 30 Endangered Species, 30 Pieces.
Clippy — CSS clip-path maker
CSS3 clip-path 用法介绍 - 掘金

Method Draw – 很好用的 SVG 在线编辑器

duopixel/Method-Draw: Method Draw, the SVG Editor for Method of Action
在线演示
Method Draw

svgxuse

Keyamoon/svgxuse: A simple polyfill that fetches external SVGs referenced in use elements when the browser itself fails to do so. Demo: https://icomoon.io/svgxuse-demo/
IcoMoon - SVG Icons

svgo

svg/svgo: Node.js tool for optimizing SVG files

svg、图片互转

SVG 在 image 标签中的动态修改技巧 - 掘金
在线jpg,png图片转SVG工具-BeJSON.com
前端和后端实现SVG转图片 | gglinux's blog

yyued/SVG-Skeleton: Create the skeleton screen through SVG element
SVG 在线编辑器 | 菜鸟工具

SVG 资源、整理集&FAQ

Elastic SVG Elements | Sidebar menu
SVG 图像入门教程 - 阮一峰的网络日志
理解SVG transform坐标变换 « 张鑫旭-鑫空间-鑫生活
理解SVG viewport,viewBox,preserveAspectRatio缩放 « 张鑫旭-鑫空间-鑫生活
CSS 动作路径标准 Motion Path 简介 - 掘金
向强大的SVG迈进
SVG 入门指南(看完,对SVG结构不在陌生) - 掘金
SVG(可缩放矢量图形)绘制工具Method Draw - 尐轩web前端网络日志 - CSDN博客
Hero Patterns - 聚合各种 SVG 背景纹理素材的网站 - 梦想天空(山边小溪) - 博客园
太可爱了!CSS3 & SVG 制作的米老鼠钟表 - 梦想天空(山边小溪) - 博客园
使用 SVG 制作单选和多选框动画【附源码】 - 梦想天空(山边小溪) - 博客园

¥UI 交互技巧

#像素、分辨率、分辨率比、屏幕尺寸、像素密度(PPI)、DPI、设备像素、设备独立像素、DPR、Retina、设备像素比

设备像素比devicePixelRatio简单介绍 « 张鑫旭-鑫空间-鑫生活
前端认知:PPI、DPI、设备像素等概念
前端不止:Retina屏幕下两倍图

FancyNode
超实用!7 个优秀的 UI 交互动画技巧 - 掘金
前端认知:PPI、DPI、设备像素等概念 - 掘金
EventRay UI Kit – Web & Mobile 的素材 - 梦想天空(山边小溪) - 博客园
设计师们会喜欢的15套情人节素材 - 梦想天空(山边小溪) - 博客园
免费素材:包含 250+ 组件的 DO UI Kit - 梦想天空(山边小溪) - 博客园
PicPick—NGWIN,一款全功能的设计工具,包含屏幕截图、图片编辑器、颜色选择器、像素标尺和其它更多的功能
PicPick—NGWIN,一款全功能的设计工具,包含屏幕截图、图片编辑器、颜色选择器、像素标尺和其它更多的功能

¥命名规范&解决方案

BEM

BEM
BEM
BEM — Block Element Modifier
【译】BEM CSS命名规范三 Naming convention - 简书

lvwzhen/css-name: CSS 命名规范
NEC : 更好的CSS样式解决方案
组织css代码 - 掘金
前端项目共有的CSS问题 - 前端 - 掘金
纯CSS实现表单验证 - 掘金
CSS常用Mixin封装 - 掘金
CSS样式书写有哪些规范? - 这是一个代码的世界 - CSDN博客
编码规范 by @mdo
css 命名:BEM, scoped css, css modules 与 css-in-js

¥颜色

bootstrap-colorpicker

farbelous/bootstrap-colorpicker: Bootstrap Colorpicker is a modular color picker plugin for Bootstrap.
Bootstrap Colorpicker, a color picker component for jQuery, compatible with Twitter Bootstrap.

css-color-function

ianstormtaylor/css-color-function: A parser and converter for Tab Atkins's proposed color function in CSS.

颜色算法

RGB 彩虹函数 - tmirun的博客 - CSDN博客
彩虹RGB - G1342522389的博客 - CSDN博客
如何实现RGB颜色之间的渐变?-CSDN论坛
【iOS】用RGB颜色模型实现彩虹渐变 - 杜子兮@莲兮奈若何 - CSDN博客
怎样生成彩虹色带-CSDN论坛

调色板

material-palette-generator

KualiCo/material-palette-generator: Get perfect Material Design color palettes from any hex color
Material Design Palette Generator

Color Tool - Material Design
在线网页颜色选择器,网页颜色预览
在线调色板 - 站长工具

Instant HEX to RGB or RGB to HEX Converter Tool
Converting Colors - Hex - 3B258D
HTML Color Codes - What's your color
RGB to HEX
Color Hex Color Codes
Hex to RGB Color Converter
Color Combinations | Color Schemes | Color Palettes
[译]颜色比例尺 - 掘金
彩虹的七种颜色CMYK和RGB的值是什么 - 客亦知夫水与月乎? - CSDN博客
图解CSS: CSS 颜色_CSS, color, 图解CSS, 会员专栏 教程_w3cplus
JavaScript中的颜色转换_color, JavaScript, 会员专栏 教程_w3cplus
Web安全色

cncuckoo (李松峰)
CSS Reset | 2018's most common CSS Resets to copy/paste, with documentation / tutorials
【译】如何学习CSS - 掘金
博士论文:层叠样式表
层叠样式表

$CSS 整理集

《【Hello CSS】》

【Hello CSS】序章-起源 - 掘金
【Hello CSS】第一章-CSS的语法与工作流 - 掘金
【Hello CSS】第二章-CSS的逻辑属性与盒子模型 - 掘金
【Hello CSS】第三章-浏览器的视图与坐标 - 掘金
【Hello CSS】第四章-HTML的标签与语意 - 掘金
【Hello CSS】第五章-CSS的选择器与函数 - 掘金
【Hello CSS】第六章-文档流与排版 - 掘金
【Hello CSS】第七章-CSS的继承与可变性 - 掘金
【Hello CSS】第八章-CSS图形 - 掘金
【Hello CSS】第九章-如何画一个体验更好的动画? - 掘金

《CSS进阶》

CSS进阶(1)—— 重新认识CSS - 掘金
CSS进阶(2)—— width,height如此高深,难道你真懂得 - 掘金
CSS进阶(3)——深入理解content - 掘金
CSS进阶(4)—— 温和padding中的诡异CSS现象 - 掘金
CSS进阶(5)—— 深入理解margin - 掘金
CSS进阶(6)—— 浅尝盒模型中最友好的border - 掘金
CSS进阶(7)—— 内联元素的掌管者line-height和vertical-align(上) - 掘金
CSS进阶(8)—— 内联元素的掌管者line-height和vertical-align(下) - 掘金
CSS进阶(9)—— 那些年骗过你的float和“清浮动” - 掘金
CSS进阶(10)—— 深入理解BFC结界 - 掘金
CSS进阶(11)—— overflow属性详解,利用CSS实现锚点定位 - 掘金
CSS进阶(12)—— position:absolute如此高深,我当真不懂(上) - 掘金
CSS进阶(13)—— position:absolute如此高深,我当真不懂(中) - 掘金
CSS进阶(14)—— position:absolute如此高深,我当真不懂(下) - 掘金
CSS进阶(15)—— CSS世界的层叠规则(上) - 掘金
CSS进阶(16)—— CSS世界的层叠规则(下) - 掘金
CSS进阶(17)—— CSS中的文本处理(上) - 掘金
CSS进阶(18)—— CSS中的文本处理(中) - 掘金
CSS进阶(19)—— CSS中的文本处理(下) - 掘金
CSS进阶(20)—— 详解display:none和visibility: hidden的区别 - 掘金
CSS进阶(21)—— CSS中的装饰属性和用户体验属性 - 掘金
CSS 进阶(终章)—— CSS 世界流向的掌控者 direction 和 writing-mode - 掘金

《CSS 属性篇》

CSS 属性篇(一):relative与absolute - 掘金
CSS 属性篇(二):transform属性 - 掘金
CSS 属性篇(三):transform-origin属性 - 掘金
CSS 属性篇(四):Flex弹性盒子 - 掘金
CSS 属性篇(五):box-sizing属性 - 掘金
CSS 属性篇(六):background-size属性 - 掘金
CSS 属性篇(七):Display属性 - 掘金
CSS 属性篇(八):word-wrap、word-break、white-space属性 - 掘金
CSS 属性篇(九):linear-gradient()介绍与使用 - 掘金
CSS 属性篇(十):filter、mix-blend-mode、background-blend-mode区别 - 掘金
CSS 属性篇(十一):border-image属性 - 掘金

《CSS 技巧篇》

CSS 技巧篇(一):transition与display冲突问题 - 掘金
CSS 技巧篇(二):visibility:hidden和display:none的区别 - 掘金
CSS 技巧篇(三):background-position和雪碧图(CSS Sprites)用法 - 掘金
CSS 技巧篇(四):伪类与伪元素的区别 - 掘金
CSS 技巧篇(五):理解CSS优先级 - 掘金
CSS 技巧篇(六):display设置元素为行内元素时,元素之间存在间隙问题 - 掘金
CSS 技巧篇(七):设置元素居中 - 掘金
CSS 技巧篇(八):display设置元素为inline-block,底部无故出现空白 - 掘金
CSS 技巧篇(九):单行/多行文本显示省略号 - 掘金
CSS 技巧篇(十):1px边框解决方案 - 掘金

《鑫空间,鑫生活》

小tip:CSS vw让overflow:auto页面滚动条出现时不跳动 « 张鑫旭-鑫空间-鑫生活
canvas getImageData与任意字符图形点、线动效实现 « 张鑫旭-鑫空间-鑫生活
canvas实现iPhoneX炫彩壁纸屏保外加pixi.js流体动效 « 张鑫旭-鑫空间-鑫生活
“蝉原则”与CSS3随机多背景随机圆角等效果 « 张鑫旭-鑫空间-鑫生活
用3D LUT滤镜我做了个在线专业电影级别照片调色工具 « 张鑫旭-鑫空间-鑫生活
深入理解SVG feDisplacementMap滤镜及实际应用 « 张鑫旭-鑫空间-鑫生活
currentColor-CSS3超高校级好用CSS变量 « 张鑫旭-鑫空间-鑫生活
小tip:CSS vw让overflow:auto页面滚动条出现时不跳动 « 张鑫旭-鑫空间-鑫生活
CSS百分比padding实现比例固定图片自适应布局 « 张鑫旭-鑫空间-鑫生活
canvas getImageData与任意字符图形点、线动效实现 « 张鑫旭-鑫空间-鑫生活
canvas实现iPhoneX炫彩壁纸屏保外加pixi.js流体动效 « 张鑫旭-鑫空间-鑫生活
用3D LUT滤镜我做了个在线专业电影级别照片调色工具 « 张鑫旭-鑫空间-鑫生活
CSS clip:rect几个值含义示意 » 张鑫旭-鑫空间-鑫生活
absolute+margin实现的文字投影效果 >> 张鑫旭-鑫空间-鑫生活
获取元素CSS值之getComputedStyle方法熟悉 « 张鑫旭-鑫空间-鑫生活
如何在CSS中实现父选择器效果? « 张鑫旭-鑫空间-鑫生活
CSS相关 « 张鑫旭-鑫空间-鑫生活

chokcoco/iCSS: 谈谈一些有趣的 CSS 话题
chokcoco/CSS-Inspiration: CSS Inspiration,在这里找到写 CSS 的灵感!
cssinspirationguide - csc inspiration guide online
个人总结(css3新特性) - 掘金
前端常用的CSS代码 - 掘金
CSS性能优化的8个技巧 - 掘金
css3实战汇总(附源码) - 掘金
你未必知道的49个CSS知识点 - 掘金
请收下这72个炫酷的CSS技巧 - 掘金
前端 | 20个常用的 CSS 技巧 - 掘金
重温CSS3常见新特性的奥秘(个人总结) - 掘金
勇闯44关深入浅出CSS基础之一 | FCC前端教程 - 掘金
历时4个多月,学习了这 66 个CSS 特效
CSS知识点及技巧整理
CSS3阴影 box-shadow的使用和技巧总结 - freshlover的专栏 - CSDN博客
css详解笔记 - 待繁华落尽 - 博客园
前端学习笔记 - Css初级篇 - 业余的强迫症患者丶 - 博客园
响应式Web设计:50实例与实践 - ithink-设计-Design
给你梳理了 44 个 CSS 精选知识点
能让你受益匪浅的10个css使用技巧
你可能还不知的 7 个 CSS 好用的属性
20个 CSS 快速提升技巧 | (好文收藏)
我写CSS的常用套路
我写CSS的常用套路·续

《重学CSS》

CSS语法与规则 — 重学CSS
CSS 选择器 — 重学CSS
CSS 排版与正常流 —— 重学CSS
CSS flex 排版与动画 — 重学 CSS

Front-End-Interview-Notebook/Css.md at master · CavsZhouyou/Front-End-Interview-Notebook
#CSS&nbsp;世界特效
【建议收藏】css晦涩难懂的点都在这啦
CSS揭秘实用技巧总结
2020年你不应该错过的CSS新特性
工作中常用的css整理

$CSS FAQ

Animated traffic light example
CSS与中文相关的一些特性 - 掘金
淘宝放大镜的简单实现,原来道理很简单 - 掘金
粉丝群CSS小测第1期答疑文字版 - 掘金
你不知道的css3(上) -- 用css3为你的组件添加风景 - 掘金
你不知道的css3(下) -- 用css3为你的组件添加可靠性 - 掘金
巧用 CSS 实现酷炫的充电动画 - 掘金
《大前端 基础组件》系列 CSS也有架构? - 掘金
面试官:你可以用纯 CSS 判断鼠标进入的方向吗? - 掘金
【地狱难度】面试官:你可以用纯 CSS 判断鼠标进入的方向吗? - 掘金
自适应布局方案
探索 CSS 的本质
CSS:background-color - CSDN博客
CSS隐藏元素 display visibility opacity的区别 - CSDN博客
子元素margin-top属性传递给父元素的问题 - CSDN博客
css3 - 图标元素动画效果2 - 动画无限循环、循环一定次数、反向动画 - CSDN博客
css3平移、旋转、倾斜、缩放、动画效果的实现 - CSDN博客
text-shadow用法 - flyqingfei - 博客园
textarea如何实现高度自适应(不出现滚动条)?-博客-云栖社区-阿里云
教你一分钟实现动态模糊效果
一个栗子带你上手CSS3动画
如何通过脚本修改CSS3动画的keyframe - 为程序员服务
切图技巧之怎么使用ps定位CSS Sprite图片 - 网页前端 - 站长圈
响应式和自适应有什么区别? - 站酷(ZCOOL)移动版
如何通过脚本修改CSS3动画的keyframe - 为程序员服务
CSS如何设置html table表格边框样式 - DIVCSS5
CSS3自定义滚动条样式 -webkit-scrollbar - 轩枫阁 – 前端开发 | web前端技术博客
CSS的书写顺序对性能的影响你知道么?
仅3行核心CSS代码的rate评分组件,秀到你怀疑人生

JS

$JS core

$Glossary

IIFE

IIFE - MDN Web Docs Glossary: Definitions of Web-related terms | MDN

Prefetch

Prefetch - MDN Web Docs Glossary: Definitions of Web-related terms | MDN

Truthy

Truthy - 术语表 | MDN

WebIDL

heycam/webidl: Web IDL
WebIDL - 术语表 | MDN
Web IDL
Web IDL interfaces - 知乎

XHR (XMLHttpRequest)

XHR (XMLHttpRequest) - MDN Web Docs Glossary: Definitions of Web-related terms | MDN

MDN Web Docs Glossary: Definitions of Web-related terms | MDN
术语表 | MDN
Internet Assigned Numbers Authority
Media Types
Media type - Wikipedia

$Mozilla

¥Add-ons

¥Browser Extensions

¥JavaScript APIs

#cookies

cookies - Mozilla | MDN
cookies.CookieStore - Mozilla | MDN
cookies.CookieStore - Mozilla | MDN
Introducing: The Async Cookie Store API | by Matan Borenkraout | Nielsen-Tel-Aviv-tech-blog | Medium

JavaScript APIs - Mozilla | MDN

Browser Extensions - Mozilla | MDN

Add-ons - Mozilla | MDN

¥Developer guide

Developer guide - Mozilla | MDN

¥Firefox

Firefox - Mozilla | MDN

¥Virtualenv

Virtualenv - Mozilla | MDN

Mozilla | MDN
Mozilla Labs

$Web 技术

¥Fullscreen API

Fullscreen API - Web APIs | MDN
全屏 API - Web API 接口参考 | MDN
OBKoro1 (OBKoro1)
Fullscreen API:全屏操作 -- JavaScript 标准参考教程(alpha)
Web全屏模式轻松掌握[局部元素全屏展示] - 掘金
OBKoro1's Blog
前端积累 | OBKoro1前端积累

¥Streams API

Streams API - Web API 接口参考 | MDN
ReadableStream - Web API 接口参考 | MDN
WritableStream - Web APIs | MDN
Streams Standard

¥基础

¥超文本标记语言(HTML,HyperText Markup Language)

#A-G

a

download

HTML <a> download 属性
HTML <a> download 属性 | 菜鸟教程
javascript - Anchor tag download attribute not working :Bug in Chrome 35.0.1916.114 - Stack Overflow
javascript - download attribute on <a> tag doesn't work in Chrome - Stack Overflow
解决a标签download属性无效问题_Buddha_ITXiong的博客-CSDN博客
【2017-11-25】a标签中的download属性详解_kk_yanwu的博客-CSDN博客
a 标签的download属性在ie下不生效的解决方案 - 简书
IE下a标签的download属性添加失败导致IE下载文件失败问题 - 简书
a标签的download属性 - 简书
javascript - 如何解决a标签download属性在IE下失效? - SegmentFault 思否
javascript - a标签下载 download - SegmentFault 思否
立即收藏!这应该是你见过的最全前端下载总结 - 技术放肆聊 - SegmentFault 思否
IE浏览器a标签无法下载问题解决(IE浏览器a标签download属性不兼容问题解决) - 茫茫林海 - 博客园
a标签的download属性简介 - 逆旅wy - 博客园

rel

聊聊 rel=noopener - 掘金
HTML a标签打开新标签页避免出现安全漏洞,请使用“noopener”
a标签属性 rel="noopener noreferrer" - iiiiiiiiiiii9的专栏 - CSDN博客
网站使用 rel="noopener" 打开外部锚 - 码不能停 - 博客园
外链用了 target="_blank" 结果悲剧了
什么是rel =“noopener”属性?对网站有什么影响 - 里维斯社

<a> - HTML(超文本标记语言) | MDN

button

<button>: The Button element - HTML: Hypertext Markup Language | MDN

#H-N

input

autocomplete

'autocomplete="off"'在Chrome中不起作用解决方案 - CSDN博客
解决谷歌浏览器(chrome)input标签自动填充数据的问题,亲测有效_weixin_38312502的博客-CSDN博客

<input>: The Input (Form Input) element - HTML: Hypertext Markup Language | MDN
<input type="file"> - HTML: Hypertext Markup Language | MDN

iframe

<iframe> - HTML(超文本标记语言) | MDN
pikaz-18/pikaz-iframe: 基于vue封装的iframe组件

nonce - HTML: HyperText Markup Language | MDN

#O-T

script

<script>: The Script element - HTML: Hypertext Markup Language | MDN

#U-Z

HTML: Hypertext Markup Language | MDN
HTML(超文本标记语言) | MDN
HTML elements reference - HTML: Hypertext Markup Language | MDN
Global attributes - HTML: HyperText Markup Language | MDN

¥层叠样式表(CSS,Cascading Style Sheets)

¥A-G

#@font-face

@font-face - CSS: Cascading Style Sheets | MDN
unicode-range - CSS: Cascading Style Sheets | MDN

#cursor

cursor - CSS(层叠样式表) | MDN

#display

display - CSS(层叠样式表) | MDN
巧用 display: contents 增强页面语义 - 掘金

CSS Text - CSS(层叠样式表) | MDN
flex - CSS(层叠样式表) | MDN

¥H-N

@media

@media - CSS(层叠样式表) | MDN
prefers-color-scheme - CSS(层叠样式表) | MDN

hyphens - CSS(层叠样式表) | MDN

¥O-T

#position

position - CSS(层叠样式表) | MDN
CSS粘性定位 sticky 详解 - 掘金

scroll-behavior - CSS: Cascading Style Sheets | MDN
scroll-snap-type - CSS: Cascading Style Sheets | MDN

¥U-Z

#var()

var() - CSS(层叠样式表) | MDN

CSS: Cascading Style Sheets | MDN
CSS(层叠样式表) | MDN

¥超文本传输协议(HTTP,Hypertext Transfer Protocol)

HTTP | MDN
HTTP | MDN

¥脚本

¥JavaScript ( JS )

#JavaScript reference

#Classes

Class fields - JavaScript | MDN

#Errors

Error: Permission denied to access property "x" - JavaScript | MDN

#Expressions and operators

Addition (+) - JavaScript | MDN
Expressions and operators - JavaScript | MDN
function* expression - JavaScript | MDN
Expressions and operators - JavaScript | MDN
Destructuring assignment - JavaScript | MDN
function* expression - JavaScript | MDN
逗号操作符 - JavaScript | MDN
Destructuring assignment - JavaScript | MDN
逗号操作符 - JavaScript | MDN

#Functions

Functions - JavaScript | MDN
Arrow function expressions - JavaScript | MDN
The arguments object - JavaScript | MDN
Default parameters - JavaScript | MDN
Rest parameters - JavaScript | MDN
getter - JavaScript | MDN
setter - JavaScript | MDN
Method definitions - JavaScript | MDN

#Global_Objects

isFinite() - JavaScript | MDN

#Iteration_protocols

Iteration protocols - JavaScript | MDN

#Misc

Enumerability and ownership of properties - JavaScript | MDN

#Standard built-in objects

#值属性(Value properties)

Infinity - JavaScript | MDN

#函数属性(Function properties)

eval() - JavaScript | MDN
isFinite() - JavaScript | MDN

#基本对象(Fundamental objects)

Object - JavaScript | MDN
Object - JavaScript | MDN
Error - JavaScript | MDN
Function.prototype.toString() - JavaScript | MDN
GeneratorFunction - JavaScript | MDN
Object.prototype.hasOwnProperty() - JavaScript | MDN
Symbol - JavaScript | MDN
Symbol - JavaScript | MDN
AggregateError - JavaScript | MDN

#数字和日期对象(Numbers and dates)

Date

Date - JavaScript | MDN
JavaScript Date 对象
JavaScript Date类型与时区同步 - CSDN博客
根据本地/服务器时间获取指定时区时间 new Date指定时区时间 - CSDN博客
JS将UTC格式日期字串转换成日期DATE对象 - CSDN博客
Unix时间戳(Unix timestamp)转换工具 - 站长工具
时间戳(Unix timestamp)转换工具 - 在线工具
javascript中如何设置指定时区的Date对象(不想与本地时区有关联)_百度知道

Math

Math - JavaScript | MDN
Math.log 函数 (JavaScript)

Number

Number.EPSILON - JavaScript | MDN

#字符串(Text processing)

String - JavaScript | MDN

#可索引的集合对象(Indexed collections)

TypedArray

Uint8Array&String co-transformation

Uint8Array to string in Javascript - Stack Overflow
【ReactNative/JS】uint8array转string convert uint8array to string_JavaScript_倦鸟归时-CSDN博客
【ReactNative/JS】uint8array转string convert uint8array to string_Teng's world-CSDN博客
JS uint8Array转String_JavaScript_君子不器。的博客-CSDN博客
www.onicos.com/staff/iz/amuse/javascript/expert/utf.txt

JavaScript typed arrays - JavaScript | MDN
TypedArray - JavaScript | MDN
TypedArray - JavaScript | MDN
Uint8Array - JavaScript | MDN
Uint8Array - JavaScript | MDN

Array - JavaScript | MDN

#使用键的集合对象(Keyed collections)

Map - JavaScript | MDN

#结构化数据(Structured data)

ArrayBuffer

ArrayBuffer - JavaScript | MDN
ArrayBuffer - JavaScript | MDN
ArrayBufferView - Web APIs | MDN

Atomics

Atomics - JavaScript | MDN

DataView

DataView - JavaScript | MDN
DataView - JavaScript | MDN

JSON

JSON - JavaScript | MDN

SharedArrayBuffer

SharedArrayBuffer - JavaScript | MDN

StringView - Archive of obsolete content | MDN
StringView - Archive of obsolete content | MDN

#控制抽象对象(Control abstraction objects)

Promise - JavaScript | MDN

#反射(Reflection)

Reflect - JavaScript | MDN

#Proxy

Proxy core

Proxy - JavaScript | MDN
Proxy - JavaScript | MDN
处理器对象 - JavaScript | MDN
Proxy - ECMAScript 6入门

Proxy frameworks、libs、plugins&tools

observable-membrane

salesforce/observable-membrane: A Javascript Membrane implementation using Proxies to observe mutation on an object graph

proxyquire

thlorenz/proxyquire: 🔮 Proxies nodejs require in order to allow overriding dependencies during testing.
proxyquire - npm

Proxy 资源、整理集&FAQ

[译] 使用 Proxy 来监测 Javascript 中的类 - 掘金
使用ES6的新特性Proxy来实现一个数据绑定实例 - 掘金
JS 中的数据代理 - 掘金
前端配置本地代理方法总结 - 掘金
JavaScript 魔幻代理 - 掘金
「译」用 Proxy 追踪 JavaScript 类 - 掘金
最全面,最有良心的Proxy入门总结 - 掘金
JavaScript ES6代理的实际用例 - 掘金
对于ES6 Proxy 用法的理解以及实例 - sunq1982的博客 - CSDN博客

#Reflect

Reflect core

Reflect - JavaScript | MDN
Reflect - ECMAScript 6入门

Reflect frameworks、libs、plugins&tools

reflect-metadata

rbuckton/reflect-metadata: Prototype for a Metadata Reflection API for ECMAScript
reflect-metadata - npm
Metadata Proposal - ECMAScript
Decorator & Reflect Metadata & InversifyJS - 掘金

Reflect 资源、整理集&FAQ

Object方法与Reflect - 掘金
JS 中的 Reflect 和 Proxy - 掘金
es6 Reflect对象详解 - 前端菜鸟111 - 博客园
es6 Proxy对象详解 - 前端菜鸟111 - 博客园
ES6新特性:Javascript中的Reflect对象 - 方方和圆圆 - 博客园

#国际化(Internationalization)

Intl - JavaScript | MDN

#WebAssembly

WebAssembly - JavaScript | MDN

Standard built-in objects - JavaScript | MDN
JavaScript 标准内置对象 - JavaScript | MDN

#Statements and declarations

for await...of

for await...of - JavaScript | MDN

try...catch

try...catch - JavaScript | MDN

Statements and declarations - JavaScript | MDN
语句和声明 - JavaScript | MDN
function* - JavaScript | MDN
continue - JavaScript | MDN

JavaScript reference - JavaScript | MDN
Strict mode - JavaScript | MDN
Iteration protocols - JavaScript | MDN

#JavaScript Guide

Introduction - JavaScript | MDN
Grammar and types - JavaScript | MDN
Control flow and error handling - JavaScript | MDN
Loops and iteration - JavaScript | MDN
Functions - JavaScript | MDN
Expressions and operators - JavaScript | MDN
Numbers and dates - JavaScript | MDN
Text formatting - JavaScript | MDN
Regular expressions - JavaScript | MDN
Indexed collections - JavaScript | MDN
Keyed collections - JavaScript | MDN
Working with objects - JavaScript | MDN
Details of the object model - JavaScript | MDN
Using Promises - JavaScript | MDN
Iterators and generators - JavaScript | MDN
Meta programming - JavaScript | MDN
JavaScript modules - JavaScript | MDN

JavaScript | MDN
JavaScript | MDN
JavaScript | MDN
A re-introduction to JavaScript (JS tutorial) - JavaScript | MDN
Equality comparisons and sameness - JavaScript | MDN
Closures - JavaScript | MDN
Memory Management - JavaScript | MDN
Concurrency model and the event loop - JavaScript | MDN
Inheritance and the prototype chain - JavaScript | MDN
JavaScript shells - JavaScript | MDN
New in JavaScript - Archive of obsolete content | MDN

¥Web 应用编程接口(Web API)

#A-G

#BroadcastChannel

BroadcastChannel - Web API 接口参考 | MDN
【3分钟速览】前端广播式通信:Broadcast Channel - 掘金
面试官:前端跨页面通信,你知道哪些方法? - 掘金
JS通信方式知多少?JS和多端应用通信

#Channel Messaging API

MessageChannel - Web APIs | MDN
Channel Messaging API - Web APIs | MDN
window.MessageChannel——虫洞般的存在 - 掘金

#Closures

闭包 - JavaScript | MDN

#Document

document.body

Document.body - Web APIs | MDN

document.documentElement

Document.documentElement - Web APIs | MDN

document.documentURI

document.documentURI - Web API 接口参考 | MDN

document.hasFocus()

document.hasFocus - Web API 接口参考 | MDN

document.location

Document.location - Web API 接口参考 | MDN

document.URL

document.URL - Web API 接口参考 | MDN

document.write

eligrey/async-document-write: An asynchronous document.write implementation

渲染树

渲染树的形成原理你真的很懂吗?

translation/NodeList.md at master · cncounter/translation
Document - Web APIs | MDN
Document - Web API 接口参考 | MDN
Document Object Model (DOM) Level 3 Core Specification
Document Object Model HTML
DOM Standard
DTD 简介
vue / react的UI库都在用的几个DOM API🚀 - 掘金
理解DOM到底是什么 - 掘金
详细了解文档对象模型(DOM) - 掘金
JS中document.documentElement和document.body - memgke的博客 - CSDN博客
document.body的一些用法以及js中的常见问题 - Daniel - CSDN博客
js中document.documentElement 和document.body 以及其属性 - huang100qi的专栏 - CSDN博客
Dom 中 children 与childNodes 的区别 - CSDN博客
querySelector与querySelectorAll区别及用法 - CSDN博客
漫谈document.documentElement与document.body - 简书
document.body、document.documentElement和window获取视窗大小的区别 - 郑星阳 - ITeye博客
js中document.documentElement 和document.body 以及其属性 - clouds008 - 博客园
document.body 与 document.documentElement区别介绍 - Mrdo - 博客园
js中document.documentElement 和document.body 以及其属性 clientWidth等 - 我当道士那儿些年 - 博客园
Document: scroll event - Web APIs | MDN

#DocumentFragment

DocumentFragment | MDN
DocumentFragment 的优化小知识 - 掘金

#DocumentOrShadowRoot

DocumentOrShadowRoot - Web APIs | MDN
DocumentOrShadowRoot.activeElement - Web API 接口参考 | MDN

#Element

Element - Web APIs | MDN
Element.getBoundingClientRect() - Web API 接口参考 | MDN
Element.getClientRects() - Web API 接口参考 | MDN
CSSOM View Module
Element - Web API 接口参考 | MDN
Element.className - Web API 接口参考 | MDN
Element.classList - Web API 接口参考 | MDN
mousedown - Web API 接口参考 | MDN
mouseenter - Web API 接口参考 | MDN
mousemove - Web API 接口参考 | MDN
mouseout - Web API 接口参考 | MDN
Element: mouseover event - Web API 接口参考 | MDN
mouseup - Web API 接口参考 | MDN
mousewheel - 事件参考 | MDN
Element: mouseleave event - Web APIs | MDN
Element.scrollIntoView() - Web API 接口参考 | MDN

#File

Using files from web applications - Web APIs | MDN

#Fetch API

Fetch core

github/fetch: A window.fetch JavaScript polyfill.
Fetch API - Web APIs | MDN
Fetch API - Web API 接口参考 | MDN
Using Fetch - Web APIs | MDN
WindowOrWorkerGlobalScope.fetch() - Web APIs | MDN
Body - Web APIs | MDN
Introduction to fetch()  |  Web  |  Google Developers
fetch documentation
Fetch Standard
Fetch Standard
wix-fetch - Wix Code API reference

Fetch libs、plugins&tools

Fetch - 数据交互方式 - Cmyoung - 博客园

fetch-jsonp

camsong/fetch-jsonp: Make JSONP request like window.fetch

jest-fetch-mock

jefflau/jest-fetch-mock: Jest mock for the fetch polyfill

rein-api

ForChangeFE/rein-api: 基于 fetch 的 http 客户端请求工具,适用于浏览器

react-native-fetch-blob

wkh237/react-native-fetch-blob: A project committed to making file access and data transfer easier, efficient for React Native developers.

unfetch

developit/unfetch: 🐕 Bare minimum fetch polyfill in 500 bytes.

yetch

Netflix/yetch: Yet-another-fetch polyfill library. Supports AbortController/AbortSignal
fetch documentation

Fetch 资源、整理集&FAQ

Understanding the Fetch API
Using Fetch | CSS-Tricks
也许你对 Fetch 了解得不是那么多(上) - 掘金
也许你对 Fetch 了解得不是那么多(下) - 掘金
Fetch 的实例讲解 - 掘金
基于原生fetch封装一个带有拦截器功能的fetch,类似axios的拦截器 - 掘金
fetch使用整理 - CSDN博客
fetch()方法介绍 - CSDN博客
传统 Ajax 已死,Fetch 永生 - 会影 - SegmentFault 思否
fetch,终于认识你 - 个人文章 - SegmentFault 思否
Fetch - 简书
前端|浅谈fetch - 简书
使用更优雅的异步请求API——fetch

#H-N

#Headers

Headers - Web APIs | MDN

#HTMLAnchorElement

HTMLAnchorElement - Web API 接口 | MDN

#HTMLAreaElement

HTMLAreaElement - Web API 接口参考 | MDN

#HTMLElement

HTMLElement - Web API 接口参考 | MDN
HTMLElement.innerText - Web APIs | MDN
HTMLElement.nonce - Web API 接口参考 | MDN

#HTMLInputElement

HTMLInputElement - Web API 接口参考 | MDN

#HTMLHyperlinkElementUtils

HTMLHyperlinkElementUtils - Web APIs | MDN
HTMLHyperlinkElementUtils.hash - Web APIs | MDN

#HTMLOrForeignElement

HTMLOrForeignElement - Web APIs | MDN

#History API

History - Web APIs | MDN
Manipulating the browser history - Web APIs | MDN
Manipulating the browser history - Web API 接口 | MDN
History.pushState() - Web API 接口 | MDN

#IntersectionObserver

w3c/IntersectionObserver: API Sketch for Intersection Observers
IntersectionObserver/polyfill at master · w3c/IntersectionObserver
que-etc/intersection-observer-polyfill: A polyfill of IntersectionObserver API
jeremenichelli/intersection-observer-polyfill: Polyfill for native IntersectionObserver API
Intersection Observer - Web API 接口参考 | MDN
intersection-observer - npm
Intersection Observer
IntersectionObserve初试 - 掘金
前端曝光数据埋点——Intersection Observer+vue指令 - 掘金
IntersectionObserver 和懒加载 - 掘金
90行代码,15个元素实现无限滚动 - 掘金

#Location

Location - Web API 接口参考 | MDN

#MimeType

MimeType - Web APIs | MDN

#MutationObserver

googlearchive/MutationObservers: Mutation Observers Polyfill
MutationObserver - Web API 接口参考 | MDN
DOM Standard
来一波原生的观察者模式 | MutationObserver - 掘金

#NavigatorOnLine

NavigatorOnLine - Web APIs | MDN
Online and offline events - Web APIs | MDN

#Network Information API

Network Information API - Web APIs | MDN
网络状况 API - Web API 接口参考 | MDN

#NetworkInformation

NetworkInformation - Web APIs | MDN
NetworkInformation.downlink - Web APIs | MDN
NetworkInformation.rtt - Web APIs | MDN

#Notification

notification - Web API 接口参考 | MDN
Notification.onshow - Web API 接口参考 | MDN
浏览器语音桌面通知,Notification API - 掘金

#Navigator

msSaveBlob

msSaveBlob method (Internet Explorer) | Microsoft Docs

msSaveOrOpenBlob

msSaveOrOpenBlob method (Internet Explorer) | Microsoft Docs

Navigator - Web API 接口参考 | MDN
NavigatorID - Web API 接口参考 | MDN
NavigatorLanguage - Web API 接口参考 | MDN
NavigatorOnLine - Web API 接口参考 | MDN
NavigatorGeolocation - Web API 接口参考 | MDN
NavigatorPlugins - Web API 接口参考 | MDN
NetworkInformation - Web API 接口参考 | MDN
Navigator.sendBeacon() - Web API 接口参考 | MDN
认识Javascript中的navigator对象以及检测浏览器类型和版本,获取浏览器版本号,检测客户端操作系统 - 你为什么不努力的专栏 - CSDN博客
appCodeName、appName、appMinorVersion、appVersion、userAgent等navigator对象详细介绍 | 百恒网络
通过userAgent判断手机浏览器类型 - 好饱的博客 - 程序员博客

#O-T

#PerformanceObserver

性能监测对象 - Web API 接口参考 | MDN

#Range

Range - Web APIs | MDN
Range - Web API 接口参考 | MDN

#Request

Request - Web APIs | MDN

#Response

statusText

Response.statusText - Web API 接口参考 | MDN
Response属性:statusText_w3cschool
(HTTP状态码)Ajax status和statusText状态对照表_网络_王瑞的博客-CSDN博客
Ajax status和statusText状态对照表_网络_qi1271199790的博客-CSDN博客
HTTP Status code(状态码)和 Status text(状态文本) - 维维WW - 博客园

type

Response.type - Web APIs | MDN

Response - Web APIs | MDN
Response - Web API 接口参考 | MDN

#ResizeObserver

ResizeObserver - Web API 接口参考 | MDN

#ReportingObserver

ReportingObserver - Web APIs | MDN

#ResizeObserverEntry

ResizeObserverEntry - Web API 接口参考 | MDN

#Selection

Selection - Web API 接口参考 | MDN
Selection - Web APIs | MDN

#U-Z

#URL

URLUtilsReadOnly

URLUtilsReadOnly - Web APIs | MDN

URL - Web APIs | MDN
URL - Web API 接口参考 | MDN
URL() - Web API 接口 | MDN
URL() - Web APIs | MDN
URL.createObjectURL() - Web API 接口参考 | MDN
URL.host - Web API 接口参考 | MDN
URLUtils - Web API 接口 | MDN
RFC 3986 - Uniform Resource Identifier (URI): Generic Syntax
Parsing URLs with the DOM! – James Padolsey
URL的井号 - 阮一峰的网络日志
js对url进行编码和解码(三种方式区别) - 简书
js获取url中指定参数的值(兼容hash) - 简书
一个非常全面的javascript URL解析函数和分段URL解析方法_javascript技巧_脚本之家
【基础进阶】URL详解与URL编码 - ChokCoco - 博客园

#URLSearchParams

URLSearchParams - Web API 接口参考 | MDN
URLSearchParams() - Web API 接口参考 | MDN
URL Standard

#USVString

USVString - Web API 接口参考 | MDN

#Web Animations API

web-animations

web-animations/web-animations-js: JavaScript implementation of the Web Animations API
web-animations/web-animations-next: Development repository for web-animations-js:
web-animations/web-animations-js-legacy: The original emulator of the Web Animations specification. Please use web-animations-js instead:

Web Animations API | MDN

#Window

window.history

bripkens/connect-history-api-fallback: Fallback to index.html for applications that are using the HTML 5 history API
Window.history - Web APIs | MDN
Using the HTML5 History API | CSS-Tricks
HTML Standard
Dev.Opera — Introducing the HTML5 History API
history对象 -- JavaScript 标准参考教程(alpha)
【深入吧,HTML 5】 性能 & 集成 —— History API - 掘金
使用ajax和history.pushState无刷新改变页面URL - CSDN博客
HTML5学习笔记之History API_html5教程技巧_脚本之家
浏览器“后退”、“前进”或可以这么去监听 - WEB前端 - 伯乐在线
ajax与HTML5 history pushState/replaceState实例 - Wayne-Zhu - 博客园
HTML5 简介(三):利用 History API 无刷新更改地址栏 - Blog - Renfei Song
再详解history.pushState和history.replaceState以及page ajax的实现_唐霜的博客
ajax无刷新加载页面,结合history.state修改url_唐霜的博客
HTML5 History API 和 Location 对象剖析 - Joe’s Blog
History 对象 - JavaScript 教程 - 网道
HTML5之pushstate、popstate操作history,无刷新改变当前url - FED社区

window.location

window.location.hash

apopelo/jquery-hashchange: A jQuery plugin which allows to bind callbacks to custom window.location.hash (uri fragment id) values.
cloudcome/jquery.hash
cowboy/jquery-hashchange: This jQuery plugin enables very basic bookmarkable #hash history via a cross-browser HTML5 window.onhashchange event.
hash.js Javascript/jQuery 解析/监听url hash - 郎涯工作室 - CSDN博客
js 监听URL的hash变化 - 前端__小川 - 博客园

window.location - Web API 接口参考 | MDN
window.location方法获取URL及window.location.assign(url)和replace(url)区别 - CSDN博客
location.hash详解 - CSDN博客
window.location.href和window.location.hash的区别 - CSDN博客
javascript中window.open()与window.location.href的区别 - 刘奇云 - 博客园

window.postMessage

window.postMessage | MDN
HTML5中window.postMessage,在两个页面之间的数据传递

Window.requestAnimationFrame()

ngryman/raf.js: Request Animation Frame polyfill
Window.requestAnimationFrame() - Web APIs | MDN
requestAnimationFrame/cancelAnimationFrame——性能更好的js动画实现方式 - 掘金
【译】前端requestAnimationFrame概述 - 掘金
你知道的requestAnimationFrame【从0到0.1】 - 掘金
JavaScript的rAF,你掌握了吗?
深入理解定时器系列第二篇——被誉为神器的requestAnimationFrame - 小火柴的蓝色理想 - 博客园

Window - Web API 接口参考 | MDN
Window.frames - Web APIs | MDN
了解JS中的全局对象window.self和全局作用域self « 张鑫旭-鑫空间-鑫生活
window.open(url)打开链接被浏览器拦截解决方案 - CSDN博客
window.opener方法的使用 刷新父页面 - 小贝de - CSDN博客
js刷新当前页面的5种方式 - 12344321hh - 博客园
Location 对象,URL 对象,URLSearchParams 对象 - JavaScript 教程 - 网道

#Web Storage API

Web Storage API - Web API 接口参考 | MDN
Storage - Web API 接口参考 | MDN

#Web Workers API

bthreads

chjj/bthreads: worker threads for javascript

EasyWorker

zhangyuanwei/EasyWorker: Make web worker easy to use.

ServiceWorker

violinux666/webpack-sw-plugin: plugin for webpack4 , Be quickly and easily to build a ServiceWorker webapp you can access it offline
ServiceWorker - Web APIs | MDN
利用ServiceWorker实现页面的快速加载和离线访问 - 掘金
精读《Caches API》 - 掘金
service worker 对静态资源进行缓存 - 掘金

SharedWorker

SharedWorker - Web APIs | MDN

Worker

Worker - Web APIs | MDN

workerize

developit/workerize: 🏗️ Run a module in a Web Worker.
developit/workerize-loader: 🏗️ Automatically move a module into a Web Worker (Webpack loader)

时间分片(Time Slicing)

1. 什么是时间分片(Time Slicing)? · Issue #1 · KRISACHAN/ying-study
时间切片的实现和调度(原创2.6万字)
「前端进阶」高性能渲染十万条数据(时间分片) - 掘金
什么是时间分片(Time Slicing)?_c/c++_鱼头的Web海洋-CSDN博客
时间分片 - 简书
浏览器UI线程更新机制

Web Workers API - Web APIs | MDN
Web Workers API - Web API 接口参考 | MDN
使用 Web Workers - Web API 接口参考 | MDN
eligrey/jsandbox: A JavaScript sandboxing library that uses web worker threads
eligrey/subscribe.js: An easy-to-use and highly extensible client-side notification-based feed reader Service Worker (coming soon!)
怎么在 ES6+Webpack 下使用 Web Worker - 掘金
通过定时器、时间分片、Web Worker优化长任务 - 掘金
Web Worker、Service Worker 和 Worklet - 前端 - 掘金
你不知道的 Web Workers (上)[7.8K 字 | 多图预警]

#WebSocket

WebSocket core

《WebSocket 协议》

【译】WebSocket协议——摘要(Abstract) - 掘金
【译】WebSocket协议第一章——介绍(Introduction) - 掘金
【译】WebSocket协议第二章——一致性要求(Conformance Requirements) - 掘金
【译】WebSocket协议第三章——WebSocket网址(WebSocket URIs) - 掘金
【译】WebSocket协议第四章——连接握手(Opening Handshake) - 掘金
【译】WebSocket协议第五章——数据帧(Data Framing) - 掘金
【译】 WebSocket 协议第六章——发送与接收消息(Sending and Receiving Data) - 掘金
【译】 WebSocket 协议第七章——关闭连接(Closing the Connection) - 掘金
【译】 WebSocket 协议第八章——错误处理(Error Handling) - 掘金
【译】 WebSocket 协议第九章——扩展(Extension) - 掘金
WebSocket 协议 1~4 节 - 掘金
WebSocket 协议 5~10 节 - 掘金

WebSocket - Web APIs | MDN
WebSocket - Web API 接口参考 | MDN
The WebSocket API
HTML Standard

Websocket libs、plugins&tools

easyXDM

oyvindkinsey/easyXDM: A javascript library providing cross-browser, cross-site messaging/method invocation.
easyXDM - Cross-domain messaging made easy

GoEasy

让Websocket更简单 - GoEasy Web消息推送

socket.io

socketio/engine.io
socket.io/package.json at master · socketio/socket.io
HTML Standard
Socket.IO
engine.io 原理详解 - 掘金
Socket.IO

SockJS

SockJS
sockjs/sockjs-client: WebSocket emulation - Javascript client
sockjs/sockjs-node: WebSocket emulation - Node.js server
javascript - 项目运行时一直发http://localhost:8080/sockjs-node/info?t=1462183700002请求 - SegmentFault 思否
vue-cli3 一直运行 /sockjs-node/info?t= 解决方案 - 实现丰盛 - 博客园
SockJS简单介绍_John_62的博客-CSDN博客_sockjs

stomp-websocket

jmesnil/stomp-websocket: Stomp client for Web browsers and node.js apps
STOMP Over WebSocket

ws

websockets/ws: Simple to use, blazing fast and thoroughly tested WebSocket client and server for Node.js

Websocket 资源、整理集&FAQ

zimv/websocket-heartbeat-miniprogram: WebSocket heart beat for miniprogram
WebSocket 教程 - 阮一峰的网络日志
零距离接触websocket🚀
(译)通过WebChannel/WebSockets与QML中的HTML交互 - 掘金
WebSocket 快速入门 - 掘金
以中间件,路由,跨进程事件的姿势使用WebSocket - 掘金
以中间件,路由,跨进程事件的姿势使用WebSocket--Node.js篇 - 掘金
在vue中使用SockJS实现webSocket通信 - 掘金
WebSocket技术解析和应用
你不知道的 WebSocket
在vue中使用SockJS实现webSocket通信
Vue+Java 通过websocket实现服务器与客户端双向通信_oayoat blog-CSDN博客_vue websocket
完全理解TCP/UDP、HTTP长连接、Websocket、SockJS/Socket.IO以及STOMP的区别和联系_洛丹伦的夏天-CSDN博客_socket.io sockjs
websocket:支持 前端连接 + 订阅_嚼菜根-CSDN博客_websocket 订阅
vue-cli使用sockjs即时通信 - 古兰精 - 博客园
vue使用sockjs-client+stompjs进行websocket连接的方法 - xianxiaobo - 博客园
websocket的前端实现 - keeperForever - 博客园
vue使用sockjs-client+stompjs进行websocket连接的方法 | Nejery
WebSocket 原理浅析与实现简单聊天
深度:手写一个WebSocket协议 [7000字]
码农翻身

#WindowOrWorkerGlobalScope

WindowOrWorkerGlobalScope - Web APIs | MDN
User Timing Level 2
setTimeout的第三个参数你可能不知道的作用-前端开发博客
你应该知道的 setTimeout 秘密

#XMLHttpRequest

XMLHttpRequest core

ilinsky/xmlhttprequest: XMLHttpRequest.js - Standard-compliant cross-browser XMLHttpRequest object implementation
XMLHttpRequest - Web APIs | MDN
XMLHttpRequest.abort() - Web API 接口 | MDN
Using XMLHttpRequest - Web APIs | MDN
www.ilinsky.com/articles/XMLHttpRequest/

#XMLHttpRequest

statusText

XMLHttpRequest.statusText - Web API 接口参考 | MDN

XMLHttpRequest | MDN

Web APIs | MDN
Web API reference - Web technology reference | MDN
WebAPI | MDN
Web API 接口参考 | MDN
Web API 参考 - Web 技术参考 | MDN

¥事件参考(Event reference)

#A-G

#EventTarget

EventTarget - Web API 接口参考 | MDN
EventTarget.addEventListener() - Web API 接口参考 | MDN
EventTarget.dispatchEvent - Web API 接口参考 | MDN

#EventListener

EventListener - Web API 接口参考 | MDN

#Event

Event() - Web API 接口参考 | MDN
Event.isTrusted - Web API 接口参考 | MDN
Event.initEvent() - Web API 接口参考 | MDN
event.currentTarget - Web API 接口参考 | MDN

#GlobalEventHandlers

GlobalEventHandlers.onmousemove - Web API 接口参考 | MDN
GlobalEventHandlers - Web APIs | MDN

CustomEvent - Web API 接口参考 | MDN
Document.createEvent() - Web API 接口参考 | MDN

#H-N

#input

input - 事件参考 | MDN

#InputEvent

InputEvent - Web API 接口参考 | MDN

#MouseEvent

鼠标事件 - Web API 接口 | MDN
MouseEvent.initMouseEvent() - Web API 接口参考 | MDN

load & DOMContentLoaded

Window: load event - Web APIs | MDN
load - 事件参考 | MDN
DOMContentLoaded - Event reference | MDN
DOMContentLoaded - 事件参考 | MDN
window.onload 和 document.onDOMContentLoaded 有什么区别? - 简书
window.onload和DOMContentLoaded的区别 - 余小果 - 博客园
document.ready、window.onload、body.onload的区别 - 自行车上的程序员 - 博客园
window.onload、DOMContentLoaded和$(document).ready() - MIN飞翔 - 博客园

hashchange - Event reference | MDN

#O-T

Pointer Events

Pointer Events

popstate - Event reference | MDN

#U-Z

#WindowEventHandlers

WindowEventHandlers - Web APIs | MDN
WindowEventHandlers.onpopstate - Web APIs | MDN
WindowEventHandlers.onhashchange - Web APIs | MDN

Event reference | MDN
事件参考 | MDN
创建和触发 events - Web 开发者指南 | MDN
HTML DOM Event 对象
javascript - not enough arguments to mouseEvent.initMouseEvent - Stack Overflow
🔥JavaScript 自定义事件如此简单!
创建事件(new Event) - 简书
JavaScript 事件——“模拟事件”的注意要点 - 前端和Node学习笔记 - SegmentFault 思否
JavaScript事件(createEvent,initEvent,dispatchEvent) - Legend Of WolfX - OSCHINA
initEvent vs initMouseEvent - daishuguang - 博客园
浅谈Javascript事件模拟 - Mr_BackKom - 博客园
跨浏览器-javascript - xionglee - 博客园
Javascript - Event order
JavaScript自定义事件 - createEvent()、initEvent()和dispachEvent()

¥Web Components

Web Components core

Web Components | MDN
Web Components | MDN

Web Components libs、plugins&tools

dom component

domcom

taijiweb/domcom: the web framework to provide dom component

eplayer

132yse/eplayer: A web-components html5 video player facing future

funcy.js

michael-klein/funcy.js: funcy.js - a functional web components wrapper

github/custom-element-boilerplate: Boilerplate for creating a custom element.
taoqf/custom-elements-es5-adapter: es2015

Web Components 资源、整理集&FAQ

mdn/web-components-examples: A series of web components examples, related to the MDN web components documentation at https://developer.mozilla.org/en-US/docs/Web/Web_Components.
manfredsteyer/web-components: Examples for using Web Components in Angular
Doing something with Web Components – Duncan Grant – Medium
自定义元素 v1:可重用网络组件  |  Web  |  Google Developers
Firefox 63 - Tricks and Treats! - Mozilla Hacks - the Web developer blog
Posts About Web Components ← Alligator.io
HTML Web Component using Plain JavaScript | Codementor
web component的强大之处 - 前端 - 掘金
Web Components 小榄 - 掘金
深度介绍:💾 你听说过原生 HTML 组件吗? - 掘金
【译】Web Components简介 - 掘金
[译] 组件化开发利器:Web Components标准 - 掘金
WebComponent+WebGl的实时图像处理弹幕播放器 - 掘金
前端下半场:构建跨框架的 UI 库 - Phodal | Phodal - A Growth Engineer

¥图形

¥Canvas API

Canvas API - Web APIs | MDN
Canvas - Web API 接口参考 | MDN
HTMLCanvasElement - Web API 接口参考 | MDN

¥Web图形库(WebGL)

《WebGL学习》

WebGL学习01-从真实生活的3D绘画开始
WebGL学习02-WebGL工作流程初窥
WebGL学习03-动手来写第一个WebGL程序
WebGL学习04-让图形动起来
WebGL学习05-初识矩阵
WebGL学习06-投影,视图和模型矩阵

WebGL: 2D and 3D graphics for the web - Web APIs | MDN
WebGL - Web API 接口参考 | MDN
gfxfundamentals/webgl-fundamentals: WebGL lessons that start with the basics

¥可缩放矢量图形(SVG,Scalable Vector Graphics)

developer.mozilla.org
SVG | MDN

¥音频,视频和多媒体

¥Web 媒体技术(Web media technologies)

Web media technologies | MDN

¥WebRTC (Web Real-Time Communications)

vialer-js

vialer/vialer-js: Open-source WebRTC communication platform.
Home | Vialer-js

learn-webrtc: learn-webrtc
WebRTC API - Web APIs | MDN
WebRTC API - Web API 接口参考 | MDN
前端音视频WebRTC实时通讯的核心
从0到1打造一个 WebRTC 应用
webRTC——浏览器里的音视频通话

¥媒体流处理API(MediaStream API)

MediaStream API - Web API 接口参考 | MDN
Media Capture and Streams API (Media Stream) - Web APIs | MDN

¥视频和音频内容(Video and audio content)

Video and audio content - Learn web development | MDN
视频和音频内容 - 学习 Web 开发 | MDN

Media Source API - Web APIs | MDN
MediaSource - Web API 接口参考 | MDN

¥其他

¥EXSLT

EXSLT | MDN
EXSLT | MDN

¥Privacy, permissions, and information security

Privacy, permissions, and information security | MDN

¥Web 性能(Web Performance)

Web Performance | MDN
Web 性能 | MDN

¥WebAssembly

WebAssembly | MDN
WebAssembly | MDN

¥XML 路径语言(XPath)

XPath | MDN
XPath | MDN

¥数学标记语言(MathML,Mathematical Markup Language)

MathML | MDN
MathML | MDN

¥可扩展样式表语言转换(XSLT,Extensible Stylesheet Language Transformations)

XSLT: Extensible Stylesheet Language Transformations | MDN
XSLT | MDN

¥学习 Web 开发(Learn web development)

Learn web development | MDN
学习 Web 开发 | MDN

¥渐进式 Web 应用(Progressive web apps,PWA)

Progressive web apps (PWAs) | MDN
渐进式 Web 应用(PWA) | MDN

¥无障碍(Accessibility)

Accessibility | MDN
无障碍 | MDN

¥本地化(L10n)和国际化(I18n)

Localization and Internationalization | MDN

¥安全(Security)

#Subresource Integrity

Subresource Integrity - Web security | MDN

Web security | MDN
Web 安全 | MDN
Properly Configuring Server MIME Types - Web security | MDN

MDN Web Docs
mdn/mdn: Meta repository that governs the MDN GitHub organization
MDN Web Docs
MDN Web 文档
Web technology for Developers | MDN
Web 技术文档 | MDN
Chrome Developers
chromium Git repositories - Git at Google

$代码、语法&算法逻辑

¥ECMAScript

#ECMAScript core

core-js

zloirock/core-js: Standard Library
zloirock/core-js at v2

Class

JavaScript 新语法详解:Class 的私有属性与私有方法 - Fundebug - 博客园

Decorator 修饰器、装饰器

Decorator core

jayphelps/core-decorators: Library of stage-0 JavaScript decorators (aka ES2016/ES7 decorators but not accurate) inspired by languages that come with built-ins like @​override, @​deprecate, @​autobind, @​mixin and more. Popular with React/Angular,
装饰器 - ECMAScript 6入门
修饰器 - ECMAScript 6入门
@babel/plugin-proposal-decorators · Babel

Decorator libs、plugins&tools

#javascript

johanneslumpe/react-native-gesture-recognizers: Gesture recognizer decorators for react-native
mbasso/react-decoration: A collection of decorators for React Components
mako-taco/DecorateThis: JS Decorators library
developit/decko: The 3 most useful ES7 decorators: bind, debounce and memoize
kriasoft/react-decorators: A collection of higher-order ReactJS components
joewalnes/reconnecting-websocket: A small decorator for the JavaScript WebSocket API that automatically reconnects
arolson101/typescript-decorators: Examples of using typescript decorators
andreypopp/autobind-decorator: Decorator to automatically bind methods to class instances
ThomasBurleson/angularjs-logDecorator: Demonstration of AngularJS Decorators to enhance and supercharge $log
CocktailJS/traits-decorator: Traits with decorators
knownasilya/hapi-decorators: Decorators for HapiJS routes
MikeRyanDev/angular-decorators: A collection of utilities and annotations that make it easier to write Angular 2 style code in AngularJS 1.x
HaiFengFE/v-decorators: decorators for vue
young-steveo/bottlejs: A powerful dependency injection micro container for JavaScript applications
ember-decorators/ember-decorators: Useful decorators for Ember applications.
leozdgao/react-async-script-loader: A decorator for script lazy loading on react component
felixgirault/pure-render-decorator: An ES7 decorator to make React components "pure".
gvaldambrini/storybook-router: A storybook decorator that allows you to use routing-aware components in your stories
makeomatic/redux-connect: Provides decorator for resolving async props in react-router, extremely useful for handling server-side rendering in React
JBlaak/Fitted: Simplifying http requests using ES decorators
jeffijoe/mobx-task: Makes async function state management in MobX fun.
farwayer/mobx-decorators: Several helper MobX decorators (setter, observe, save, ...)
ludohenin/gulp-inline-ng2-template: Gulp plugin to inline HTML and CSS into Angular 2 component decorators
negomi/redux-burger-menu: A Redux reducer and higher-order component decorator for use with react-burger-menu
marcin-mazurek/react-render-debugger: Render debugger for React
siddharthkp/css-constructor: 💄 CSS constructor for React components
WebReflection/universal-mixin: A mixin usable for both generic objects and decorators.
bkniffler/slate-mate: Slate medium-like editor with exposed decorators and plugins
themgoncalves/react-adventure: ⛰ React high-ending architecture & patterns ready for use. Made for big and small projects. PWA Ready.
pruttned/owl-bt: owl-bt is editor for Behavior trees. It has been inspired by Unreal engine behavior trees in a way, that it supports special node items like decorators and services. This makes trees smaller and much more readable.
final-form/final-form-calculate: Decorator for calculating field values based on other field values in 🏁 Final Form
dzautner/JSDecorators: Python like decorators in Javascript with pseudo operator overloading.
json-schema-form/angular-schema-form-material: Angular Material decorator for Angular Schema Form
bvaughn/debounce-decorator: Decorator for debouncing class methods
PlatziDev/socket.io-react: A High-Order component to connect React and Socket.io easily
cmartin81/decorator-wrap: A ES6 decorator for wrapping classes or methods with you own custom code. You can easily edit the input and the output
super2god/egg-shell-decorators: 给你的 加个壳
apollographql/graphql-decorators: Decorators for your GraphQL schema
gnoff/react-tunnel: React components and decorators for putting context-like values into context and pulling them out as props

#typescript

typestack/class-validator: Validation made easy using TypeScript decorators.
typestack/class-transformer: Proper decorator-based transformation / serialization / deserialization of plain javascript objects to class constructors
typestack/routing-controllers: Create structured, declarative and beautifully organized class-based controllers with heavy decorators usage in Express / Koa using TypeScript and Routing Controllers Framework.
RobinBuschmann/sequelize-typescript: Decorators and some other features for sequelize
TypedProject/ts-express-decorators: A TypeScript Framework on top of Express. It provide a lot of decorators and guideline to write your code.
itsFrank/vue-typescript: Typescript decorators to make vue feel more typescripty
ngParty/ng-metadata: Angular 2 decorators and utils for Angular 1.x
championswimmer/vuex-module-decorators: TypeScript/ES7 Decorators to create Vuex modules declaratively
PillowPillow/ng2-webstorage: Localstorage and sessionstorage manager - Angular service
mgechev/aspect.js: JavaScript library for aspect-oriented programming using modern syntax.
marcj/angular2-localstorage: Angular 2+ decorator to save and restore variables/class properties to HTML5 LocalStorage automatically.
NetanelBasal/ngx-take-until-destroy: 🤓 RxJS operator that unsubscribe from observables on destroy
prismake/typegql: Create GraphQL schema with TypeScript classes.
thiagobustamante/typescript-rest: This is a lightweight annotation-based expressjs extension for typescript.
thiagobustamante/typescript-ioc: A Lightweight annotation-based dependency injection container for typescript.
NetanelBasal/ngx-auto-unsubscribe: Class decorator that will automatically unsubscribe from observables
k1r0s/kaop-ts: Simple Yet Powerful Library of ES2016 Decorators with Strongly typed method Interceptors like BeforeMethod, AfterMethod, OnException, etc
serhiisol/node-decorators: node-decorators
seanpmaxwell/overnight: TypeScript decorators for the ExpressJS Server.
testdeck/testdeck: Object oriented testing
angelnikolov/ngx-cacheable: Observable/Promise Cache Decorator
mgechev/memo-decorator: Decorator which applies memoization to a method of a class.
NetanelBasal/helpful-decorators: Helpful decorators for typescript projects
zoomsphere/ngx-store: Angular decorators to automagically keep variables in HTML5 LocalStorage, SessionStorage, cookies; injectable services for managing and listening to data changes and a bit more.
vsternbach/angular-ts-decorators: A collection of angular decorators for angularjs 1.5.x projects written in typescript
philcockfield/storybook-host: A React Storybook decorator with helpful display options for hosting components under test.
vue-typed/vue-typed: Sets of ECMAScript / Typescript decorators that helps you write Vue component easily.
Cody2333/koa-swagger-decorator: using decorator to automatically generate swagger doc for koa-router
miaowing/nest-schedule: A cron-like and not-cron-like job distributed scheduler for Nest.js by decorators.
inversify/inversify-inject-decorators: Lazy evaluated property injection decorators
typestack/socket-controllers: Use class-based controllers to handle websocket events
inversify/inversify-binding-decorators: An utility that allows developers to declare InversifyJS bindings using ES2016 decorators
felixfbecker/sequelize-decorators: Sequelize + Decorators = ❤
ulfryk/angular-typescript: TypeScript 1.7 annotations (decorators) for AngularJS 1.x
Polymer/polymer-decorators: TypeScript decorators for Polymer.
dormd/rich-logger-decorator: Rich Logger Typescript Decorator for Easy Coding & Debugging
abraham/reflection: Lightweight (3K) ES Module implementation of reflect-metadata
nuxt-community/nuxt-class-component: ES / TypeScript decorator for class-style Nuxt/Vue components
pueue/graphql-typescript: Define and build GraphQL Schemas using typed classes
thiagobustamante/typescript-rest-swagger: Swagger tools for typescript-rest
typestack/class-sanitizer: Class-based sanitation in Typescript using decorators
swimlane/trafficlight: 🚦 Flexible NodeJS Routing Decorators for API Routing
KarlPurk/redux-decorators: A ridiculously good syntax for working with Redux using decorators in ES7 / TypeScript. Currently limited to Angular 2 but could potentially be used elsewhere.
nicolasgere/graphql-ts: Graphql implementation in Typescript using decorator
ngxs-labs/emitter: New pattern that provides the opportunity to feel free from actions
nuxt-community/nuxt-property-decorator: Property decorators for Nuxt (base on vue-property-decorator)

lodash-decorators

steelsojka/lodash-decorators: A collection of decorators using lodash at it's core.
lodash-decorators - npm
Lodash Decorators Documentation API Document

Decorator 资源、整理集&FAQ

Decorator 资源

Decorator 整理集

Decorator FAQ

javascript - Cannot use decorators in Node/BabelJS application - Stack Overflow
Exploring EcmaScript Decorators – Google Developers – Medium
都2020年了,你还不会JavaScript 装饰器? - 掘金
ts装饰器-元编程技巧:如何利用装饰器特性开发框架?
JS-学习ES6之- Decorator 修饰器 - BigKongfuPanda的博客 - CSDN博客
koa 使用 decorator - ISaiSai的专栏 - CSDN博客
在 Web 应用中使用 ES7 装饰器(Decorator)初体验 - 菜菜蔡伟的博客 - SegmentFault 思否
Javascript装饰器的妙用 - 全沾开发(huā) - SegmentFault 思否
JavaScript设计模式----装饰者模式 - 侯志强 - SegmentFault 思否
JS 装饰器解析 - FE cloud - SegmentFault 思否
JavaScript设计模式七:装饰者模式 - Counting Stars - SegmentFault 思否
JS 装饰器,一篇就够 - 不挑食的程序员 - SegmentFault 思否
黄金搭档 -- JS 装饰器(Decorator)与Node.js路由 - 简书
利用Decorator如何控制Koa路由详解_node.js_脚本之家
装饰器模式&&ES7 Decorator 装饰器 - FeMiner - 博客园

estree

estree/estree: The ESTree Spec

espree

eslint/espree: An Esprima-compatible JavaScript parser

Iterator /Generators 遍历器/生成器

nvie/itertools.js: JavaScript port of Python's awesome itertools stdlib
itertools — Functions creating iterators for efficient looping — Python 3.8.2 documentation
itertools - Rust
std::iter::Iterator - Rust
The Boost.Iterator Library Boost - 1.66.0
devsnek/proposal-iterator-helpers
[译]JavaScript Symbols, Iterators, Generators, Async/Await, and Async Iterators  - 掘金
ES9中的异步迭代器(Async iterator)和异步生成器(Async generator) - 掘金

Module

Module 的加载实现 - ECMAScript 6入门

Reference(ref)declarations and expressions

rbuckton/proposal-refs: Ref declarations and expressions for ECMAScript

super

JavaScript中解析 super 关键字

tc39/ecma262: Status, process, and documents for ECMA-262
tc39/proposal-iterator-helpers: Methods for working with iterators in ECMAScript
ruanyf/es6tutorial: 《ECMAScript 6入门》是一本开源的 JavaScript 语言教程,全面介绍 ECMAScript 6 新增的语法特性。
Leo-JavaScript/EXEFE-es6book at master · pingan8787/Leo-JavaScript
gold-miner/es8-was-released-and-here-are-its-main-new-features.md at master · xitu/gold-miner
ECMAScript 2015 Language Specification – ECMA-262 6th Edition
Standard ECMA-262
ECMAScript® 2018 Language Specification
ECMAScript® 2018 Language Specification
ECMAScript® 2019 Language Specification
ECMAScript® 2020 Language Specification
ECMAScript® 2020 Language Specification
ECMAScript® 2021 Language Specification
ECMAScript® 2021 Language Specification
esnext | es6 es7 es2017 es2018 es2019
TC39 Proposals
The TC39 Process
Exploring JS: JavaScript books for programmers
探索 ES6
Everything you need to know from ES2016 to ES2019
ES6 入门教程 - ECMAScript 6入门
ECMAScript 6 入门 - ECMAScript 6入门

#ECMAScript libs、plugins&tools

import-helper

sorrycc/import-helper: Don't waste time to write import/require statement.

yoshuawuyts/es2020: Because in hindsight we don't need most of ES6
ahdinosaur/es2040: Because, in hindsight, we can do without most of ES6.
yoshuawuyts/babel-preset-es2020: Babel preset for a subset of ES6
ahdinosaur/babel-preset-es2040: Babel preset for a subset of ES6

#ECMAScript 资源、整理集&FAQ

ECMAScript 资源

chanceLe/ES6-Basic-Syntax: Basic-Syntax
esdiscuss/esdiscuss.org: A website displaying markdown formatted versions of the esdiscuss.org posts
Module 的语法 - ECMAScript 6入门
[译] ECMAScript 2020 新特性 - 掘金
近一万字的ES6语法知识点补充 - 掘金

ECMAScript 整理集

《ES6 系列》

ES6 系列之 let 和 const - 掘金
ES6 系列之模板字符串 - 掘金
ES6 系列之箭头函数 - 掘金
ES6 系列之模拟实现 Symbol 类型 - 掘金
ES6 系列之迭代器与 for of - 掘金
ES6 系列之模拟实现一个 Set 数据结构 - 掘金
ES6 系列之 WeakMap - 掘金
ES6 系列之我们来聊聊 Promise - 掘金
ES6 系列之 Generator 的自动执行 - 掘金
ES6 系列之我们来聊聊 Async - 掘金
ES6 系列之异步处理实战 - 掘金
ES6 系列之 Babel 将 Generator 编译成了什么样子 - 掘金
ES6 系列之 Babel 将 Async 编译成了什么样子 - 掘金
ES6 系列之 Babel 是如何编译 Class 的(上) - 掘金
ES6 系列之模块加载方案 - 掘金
ES6 系列之我们来聊聊装饰器 - 掘金
ES6 系列之私有变量的实现 - 掘金
ES6 系列之 let 和 const · Issue #82 · mqyqingfeng/Blog
ES6 系列之模板字符串 · Issue #84 · mqyqingfeng/Blog
ES6 系列之箭头函数 · Issue #85 · mqyqingfeng/Blog
ES6 系列之模拟实现 Symbol 类型 · Issue #87 · mqyqingfeng/Blog
ES6 系列之迭代器与 for of · Issue #90 · mqyqingfeng/Blog
ES6 系列之模拟实现一个 Set 数据结构 · Issue #91 · mqyqingfeng/Blog
ES6 系列之 WeakMap · Issue #92 · mqyqingfeng/Blog
ES6 系列之我们来聊聊 Promise · Issue #98 · mqyqingfeng/Blog
ES6 系列之 Generator 的自动执行 · Issue #99 · mqyqingfeng/Blog
ES6 系列之我们来聊聊 Async · Issue #100 · mqyqingfeng/Blog
ES6 系列之异步处理实战 · Issue #101 · mqyqingfeng/Blog
ES6 系列之 Babel 将 Generator 编译成了什么样子 · Issue #102 · mqyqingfeng/Blog
ES6 系列之 Babel 将 Async 编译成了什么样子 · Issue #103 · mqyqingfeng/Blog
ES6 系列之 Babel 是如何编译 Class 的(上) · Issue #105 · mqyqingfeng/Blog
ES6 系列之 Babel 是如何编译 Class 的(下) · Issue #106 · mqyqingfeng/Blog
ES6 系列之 defineProperty 与 proxy · Issue #107 · mqyqingfeng/Blog
ES6 系列之模块加载方案 · Issue #108 · mqyqingfeng/Blog
ES6 系列之我们来聊聊装饰器 · Issue #109 · mqyqingfeng/Blog
ES6 系列之私有变量的实现 · Issue #110 · mqyqingfeng/Blog
ES6 完全使用手册 · Issue #111 · mqyqingfeng/Blog

《ES6基础》

【ES6基础】解构赋值(destructuring assignment) - 掘金
【ES6基础】展开语法(Spread syntax) - 掘金
【ES6基础】箭头函数(Arrow functions) - 掘金
【ES6基础】默认参数值 - 掘金
【ES6基础】const介绍 - 掘金
【ES6基础】let和作用域 - 掘金

《ES6常用但被忽略的方法》

ES6常用但被忽略的方法(第一弹解构赋值和数值)
ES6常用但被忽略的方法(第二弹函数、数组和对象)
ES6常用但被忽略的方法(第三弹Symbol、Set 和 Map )
ES6常用但被忽略的方法(第四弹Proxy和Reflect)
ES6常用但被忽略的方法(第五弹Promise和Iterator)
ES6常用但被忽略的方法(第六弹Generator )
ES6常用但被忽略的方法(第七弹async)
ES6常用但被忽略的方法(第八弹Class)
ES6常用但被忽略的方法(第九弹Module)
ES6常用但被忽略的方法(第十弹项目开发规范)
ES6常用但被忽略的方法(第十一弹Decorator)
ES6常用但被忽略的方法(终弹-最新提案)

《基石:ES5基础》

基石-ES5基础(一) 数据类型&类型转换/判断 - 掘金
基石:ES5基础(二) 对象& 属性特征 - 掘金
基石:ES5基础(三) 原型&原型链&继承 - 掘金
基石:ES5基础(四) 执行环境&作用域&闭包 - 掘金

[ ES6 ] 快速掌握常用 ES6 (一) - 掘金
[ ES6 ] 快速掌握常用 ES6 (二) - 掘金
[前端怪谈_1] 从 for of 聊到 Generator - 掘金
[前端怪谈_2] 从 Dva 的 Effect 到 Generator + Promise 实现异步编程 - 掘金
深入ECMAScript系列(一):词法环境 - 掘金
深入ECMAScript系列(二):执行上下文 - 掘金
从规范看ECMAScript(一):规范基础 - 掘金
从规范看ECMAScript(二):数据类型 - 掘金
阅读《深入理解ES6》书籍,笔记整理(上) - 掘金
阅读《深入理解ES6》书籍,笔记整理(下) - 掘金
「建议收藏」送你一份精心总结的3万字ES6实用指南(上)
「建议收藏」送你一份精心总结的3万字ES6实用指南(下)
350 个特性看透 ES6 - 前端 - 掘金
1.5万字概括ES6全部特性(已更新ES2020) - 掘金
【复习资料】ES6/ES7/ES8/ES9资料整理(个人整理) - 掘金
从ES6到ES10的新特性万字大总结(不得不收藏) - 掘金
ES5 to ESNext —  自 2015 以来 JavaScript 新增的所有新特性 - 掘金
ES6、ES7、ES8、ES9、ES10新特性一览 - 掘金
ES6-ES10知识整合合集_a1burning - SegmentFault 思否
ECMAScript 2018 标准导读 - 知乎
记好这 24 个 ES6 方法,用来解决实际开发的 JS 问题
上次24个实用 ES6 方法受到好评,这次再来 10个
ES7、ES8、ES9、ES10新特性大盘点
近一万字的ES6语法知识点补充

ECMAScript FAQ

JS严格模式不能用arguments.callee

小tips:JS严格模式(use strict)下不能使用arguments.callee的替代方案 - weixin_34413103的博客 - CSDN博客
javascript - js 严格模式下arguments.callee用什么替代 - SegmentFault 思否
小tips:JS严格模式(use strict)下不能使用arguments.callee的替代方案 - 风雨后见彩虹 - 博客园

判断一个值是不是空的方法,尽可能严谨、正确,分析下和其他方式相比的优缺点 · Issue #2 · FeNature/js-es6
ES proposal: `import()` – dynamically importing ES modules
【译】五个ES6功能,让你编写代码更容易 - 掘金
每个JavaScript开发人员都应该知道的新ES2018功能(译文) - 掘金
每个 JavaScript 开发者都该了解的 ES2018 新特性 - 掘金
ES2019 新特性简介 - 掘金
【小试牛刀】Stage-2 装饰器初探 - 掘金
【译】2019 JavaScript 新玩法 - 掘金
🎉喜大普奔,ES2019登场 - 掘金
【译】ES10功能完全指南 - 掘金
迅速了解一下 ES10 中 Object.fromEntries 的用法 - 掘金
ES 5 新增特性汇总 - 掘金
[译] 在JavaScript中何时使用var、let及const - 掘金
每日一记 3分钟从编译后的代码里学 let 和 const 命令 - 掘金
ES6中类的静态方法=> static 的使用 - 掘金
ES6 中的 Symbol、Set 和 Map - 前端 - 掘金
ES6之Array.from()方法 - 掘金
ES6 --- 新的变量声明方式 let 与 const 解析 - 掘金
[译]使用 JavaScript 对象 Rest 和 Spread 的7个技巧 - 掘金
如何用 es6+ 写出优雅的 js 代码 - 掘金
ES6 系列之 Babel 是如何编译 Class 的(下) - 掘金
Javascript之ES7详解 - 掘金
ES9已经来了 Are you ready? - 掘金
为什么说ES6的class是语法糖? - 掘金
菜鸟也谈js(一)——ES6解构对象篇 - 掘金
【译】30 Seconds of ES6 (一) - 掘金
2019 年的 JavaScript 新特性学习指南 | 掘金年度征文 - 掘金
重读《深入理解ES6》—— 函数 - 掘金
ES6 完全使用手册 - 掘金
ES6面试、复习干货知识点汇总(全) - 掘金
快速掌握es6+新特性及es6核心语法盘点 - 掘金
扩展运算符(...)的用途 - CSDN博客
在JavaScript项目中正确是使用ES7的语法 - 水痕 - CSDN博客
ECMAScript 2017(ES8)特性概述 - 知乎
ES6--扩展运算符与剩余操作符
箭头函数正在正在破坏我们的 React 组件…… - 知乎
前端开发者不得不知的ES6十大特性 - WEB前端 - 伯乐在线
ES6新增—let、const、字符串连接、解构赋值、复制数组 - 夏至未至~ - 博客园
妙用ES6解构和扩展运算符让你的代码更优雅 - loop4ever - 博客园
es6入门3--箭头函数与形参等属性的拓展 - 听风是风 - 博客园
JavaScript: ECMAScript 2018(ES2018)有哪些新功能?_慕课手记
ES6新增的属性和方法 - HTML5总结 - 千锋教育论坛 - Powered by Discuz!
深入理解 ES Modules (手绘示例) - 众成翻译
十分钟上手ES2020新特性
从Babel编译结果看ES6的Class实质

¥JS/前端模块化

JS、前端模块化 core

¥ES模块化

fix-es-imports

billinghamj/fix-es-imports: Fixes your ES import paths - from Node-style to explicit filenames
fix-es-imports - npm

import-http

egoist/import-http: Import modules from URL instead of local node_modules

caridy/es6-module-transpiler-system-formatter: ES6 Module Transpiler Extension to Output `System.register()` Format
module: ESM loaders next steps · Issue #36396 · nodejs/node
WebAssembly/esm-integration: ECMAScript module integration
ECMAScript 2015 Language Specification – ECMA-262 6th Edition
javascript - "export default from" doesn't work with Babel React - Stack Overflow
javascript - Re-export default in ES 6 modules - Stack Overflow
javascript - Can't require() default export value in Babel 6.x - Stack Overflow
javascript - When should I use curly braces for ES6 import? - Stack Overflow
Modules in ECMAScript 6 (ES6) | DotNetCurry
16. Modules
Read Understanding ECMAScript 6 | Leanpub
ECMAScript 6 modules: the final syntax
ES6的模块化语法 - 掘金
ES6模块化之export和import的用法 - 掘金
一篇文章弄懂 JavaScript 中的 import - 掘金
彻底搞清楚 ECMAScript 的模块化
ES6详解八:模块(Module)!_言川的博客-CSDN博客
vue.js - vue组件注册为什么有时候要在require后面加上default? - SegmentFault 思否
ES6 import和export - 静简明 - 简书
require('./expample.js).default详解 - 简书
彻底搞清楚javascript中的require、import和export - 最骚的就是你 - 博客园
JavaScript ES6中export、import与export default的用法和区别 - byd张小伟 - 博客园
ES6模块之export和import详解 - byd张小伟 - 博客园
深入浅出ES6(十六):模块 Modules-InfoQ

¥UMD模块打包

Build tools

docpad/docpad-plugin-umd: Wrap specified JavaScript documents in the Universal Module Definition (UMD) allowing them to run in AMD, Require.js, CommonJS/Node.js and Vanilla environments automatically
bebraw/grunt-umd: Surrounds code with the universal module definition (MIT)
eduardolundgren/gulp-umd: Gulp plugin for build JavaScript files as Universal Module Definition, aka UMD
aearly/grunt-urequire: Grunt wrapper for uRequire
ruyadorno/generator-umd: An Yeoman Generator to create a basic UMD structure
grunt-umd - npm

Resources

dontkry.com

Testing

javascript - Grunt test for UMD - Stack Overflow

umd

umdjs/umd: UMD (Universal Module Definition) patterns for JavaScript modules that work everywhere.
UMD模块打包 · webpack指南

客户浏览器端范畴

¥AMD规范(在头部参数部分写好依赖,用difine和require,异步加载,提前执行,RequireJS 2.0+也改成可延迟执行,依赖前置,API 默认是一个当多个用)

core

amdjs/amdjs-api: Houses the Asynchronous Module Definition API
AMD · amdjs/amdjs-api Wiki
require · amdjs/amdjs-api Wiki
Home · amdjs/amdjs-api Wiki
Group for AMD JS Module API
Loader Plugins · amdjs/amdjs-api Wiki
Javascript模块化编程(二):AMD规范 - 阮一峰的网络日志

RequireJS

requirejs/requirejs: A file and module loader for JavaScript
Plugins · requirejs/requirejs Wiki
RequireJS
RequireJS
RequireJS API
RequireJS Optimizer
RequireJS 中文网
JS模块化工具requirejs教程(一):初识requirejs | 菜鸟教程
requirejs入门到精通 - CSDN博客
RequireJS 入门指南 - 技术翻译 - 开源中国社区
require.js 最佳实践 - digdeep - 博客园
requireJS 基本使用 - 天幽 - 博客园
AMD及requireJS - 小火柴的蓝色理想 - 博客园
一份超详细的requireJS介绍及应用-js教程-PHP中文网

¥CMD规范(使用过程中提出依赖,用difine和require,延迟执行,依赖就近,API职责单一)

core

模块系统 · Issue #240 · seajs/seajs
前端模块化开发的价值 · Issue #547 · seajs/seajs
前端模块化开发那点历史 · Issue #588 · seajs/seajs
CMD 模块定义规范 · Issue #242 · seajs/seajs
API 快速参考 · Issue #266 · seajs/seajs
从 CommonJS 到 Sea.js · Issue #269 · seajs/seajs

sea.js

seajs/seajs: A Module Loader for the Web
与 RequireJS 的异同 · Issue #277 · seajs/seajs
Sea.js - A Module Loader for the Web
SeaJS - A Module Loader for the Web
模块定义 - Sea.js 手册与文档
sea.js - 百度
seajs-JavaScript中文网-JavaScript教程资源分享门户

¥CommonJS/Node.js `require`

one-click.js

jordwalke/one-click.js: One Click, Offline, CommonJS Modules in the browser

require1k

Stuk/require1k: A minimal, and yet practically useful, CommonJS/Node.js `require` module loader for the browser in under 1000 bytes
require1k — CommonJS require for the browser in 1k

require-polyfill

chenglou/require-polyfill: Make `require` work in browsers, at runtime. No code bundling needed!

【漫游Github】无编译/无服务器,实现浏览器的 CommonJS 模块化 - 掘金

¥html-imports

HTML Imports
HTML Imports

LABjs

getify/LABjs: Loading And Blocking JavaScript: On-demand parallel loader for JavaScript with execution order dependencies
LABjs | Drupal.org
Javascript文件加载:LABjs和RequireJS - 阮一峰的网络日志
LABJS的使用教程 - 学习_成长_分享 - SegmentFault 思否
JavaScript文件加载器LABjs API详解 - 韩子迟 - 博客园
LABJS浅析 - yuzhongwusan - 博客园
LAB.js使用 - xiaoyang_ - 博客园
这里有人用过LabJS么? - CNode技术社区
LABjs异步加载组件 - - ITeye博客

shimport

Rich-Harris/shimport: Use JavaScript modules in all browsers, including dynamic imports
Shimport demos

前端模块化之AMD与CMD原理(附源码) - 掘金
AMD 和 CMD 的区别有哪些? - 知乎

服务器端范畴

¥CommonJS(Node采用,一文件一模块,require加载,返回exports,同步加载)

BravoJS

wesgarland/bravojsold: Official Home - http://bitbucket.org/wesgarland/BravoJS
codegooglecom/bravojs: Automatically exported from code.google.com/p/bravojs
dchouzer/bravojs: Automatically exported from code.google.com/p/bravojs
abundanzini/bravojs: Bravo HS JS Project
luisbravoa/bravojs
wesgarland/bravojs
cadorn/christoph-bravojs-packages: Automatically exported from code.google.com/p/christoph-bravojs-packages

What is commonjs2 ? · Issue #1114 · webpack/webpack
require() 源码解读 - 阮一峰的网络日志
node模块化之require学习 - 掘金
require()循环引用问题 - 掘金
【Node】详解模块的实现过程 - 掘金
node 的模块运行机制 - 掘金
Nodejs专栏 - Nodejs的模块化(module.exports和exports原理, Nodejs模块化原理)_前端攻城狮Dannis-CSDN博客
CommonJS Spec Wiki

JS、前端模块化 libs、plugins&tools

curljs

cujojs/curl: curl.js is small, fast, extensible module loader that handles AMD, CommonJS Modules/1.1, CSS, HTML/text, and legacy scripts.
Home · cujojs/curl Wiki
curl.js AMD Loader
curl.js (javascript page curl image effect)
javascript - how do I use curl.js to load an object? - Stack Overflow
curl获取内容后执行脚本问题-CSDN论坛
curl如何获取js执行后的页面 - liuzhanpeng的回答 - SegmentFault 思否
curl用法 - coderland - 博客园
curl---一款实用的URL命令行网络通讯工具/库 - hbzyin - 博客园

dependency-cruiser

sverweij/dependency-cruiser: Validate and visualize dependencies. Your rules. JavaScript, TypeScript, CoffeeScript. ES6, CommonJS, AMD.

import-html-entry

kuitos/import-html-entry: import html and take over the exports from the scripts

import-js

Galooshi/import-js: A tool to simplify importing JS modules
dabbott/vscode-import-js: VSCode extension for ImportJS

system.js

systemjs
systemjs/systemjs: Dynamic ES module loader
systemjs - npm
(5条消息)Angluar WARNING System.import() is deprecated and will be removed soon. Use import() instead - 李建帅 廊坊师范学院信息技术提高班十三期 - CSDN博客
SystemJS使用记录 - 简书
javascript - 关于Typescript编译的模块用System.js导入时出现的错误的疑问 - SegmentFault 思否
react.js - jspm引入模块失败,System.import出错 - SegmentFault 思否
systemjs-JavaScript中文网-JavaScript教程资源分享门户
学习SystemJS 笔记 - 谢巴奥 - 博客园
SystemJS-WEB前端开发
SystemJS是万能动态模块加载器
Javascript模块加载捆绑器Browserify Webpack和SystemJS用法 -解道Jdon

anderlaw ( zarkey)
mjavascript/mastering-modular-javascript: 📦 Module thinking, principles, design patterns and best practices.

JS、前端模块化 资源、整理集&FAQ

如何实现一个异步模块加载器--以requireJS为例 · Issue #98 · youngwind/blog
JavaScript Modules: From IIFEs to CommonJS to ES6 Modules
JavaScript Modularization Journey
require 和 import 详解 - 掘金
AMD 规范与CMD 规范概要 - 掘金
前端模块化详解(完整版) - 掘金
深度阅读<Javascript Modules 从IIFEs 到CommonJS 到 ES6 Modules> - 掘金
[译] 为什么我不再使用 export default 来导出模块 - 掘金
【译】JavaScript 模块:从立即执行函数 ( IIFEs ) 到 CommonJS 再到 ES6 模块 - 掘金
前端模块化杂记 - 掘金
ES6模块与commonJS模块的差异 - 掘金
JS模块化编程 - 掘金
从前端模块化编程切入想聊聊前端的未来(文末有我想问的问题) - 掘金
[译] 模块化系统中的 event.stopPropagation() - 掘金
前端工程师必备:前端的模块化 - 掘金
比较 commonjs 和 ESM 模块使用方式 - 掘金
一篇不是标题党的CommonJS和ES6模块规范讲解 - 掘金
「查漏补缺」深度剖析JavaScript ES5/AMD/CMD/COMMONJS/ES6模块化(加薪必备)| 掘金技术征文-双节特别篇
最全的前端模块化方案
前端模块化:CommonJS,AMD,CMD,ES6
前端commonjs、AMD、CMD、ES6等模块化的对比 - wang729506596的博客 - CSDN博客
深谈require和import - CSDN博客
es6 import和require用法和区别 - CSDN博客
webpack中require和import的区别 - CSDN博客
JavaScript 模块化:CommonJS、AMD、CMD、UMD 和 ES6 Module - 简书
前端模块化CommonJS、CMD、AMD、ES6 - 简书
写了十年JS却不知道模块化为何物? - 野狗科技官方专栏 - SegmentFault 思否
LABjs、RequireJS、SeaJS的区别_Seajs_脚本之家
前端模块化方案:CommonJS/AMD/CMD/ES6规范
js 模块化的规范 - surfaces - 博客园
JavaScript模块化 --- Commonjs、AMD、CMD、es6 modules - Wayne-Zhu - 博客园
前端模块化小总结—commonJs,AMD,CMD, ES6 的Module - 天高任鸟飞吧 - 博客园
AMD,CMD.CommonJs和UMD还有es6的模块化对比 - 上帝不是要你成功,而是让你去尝试 - 博客园
JS 中的require 和 import 区别 - 山高我为峰 - 博客园

¥JS执行流程/事件循环

执行流程

JS task到底是怎么运行的 · Issue #4 · rhinel/blog-word
前端急速解决异步之微任务和宏任务 - 掘金
总结:JavaScript异步、事件循环与消息队列、微任务与宏任务 - 掘金
说说异步 - 掘金
从浏览器环境到JavaScript执行流程的一次简单梳理 - 掘金
定时器(setTimeout/setInterval)最小延迟的问题 - 掘金
这一次,彻底弄懂 JavaScript 执行机制 - 掘金
深度解密setTimeout和setInterval——为setInterval正名! - 掘金
从浏览器多进程到JS单线程,JS运行机制最全面的一次梳理 - 掘金
10分钟理解JS引擎的执行机制 - 前端进阶 - SegmentFault 思否
如何理解 JS 的这个 setTimeout 问题? - 知乎
JavaScript定时器与执行机制解析 | AlloyTeam

事件循环(Event Loop)

event-loop-delay

mafintosh/event-loop-delay: A minimal overhead event loop delay sampler.

Node.js 事件循环,定时器和 process.nextTick() | Node.js
JavaScript 运行机制详解:再谈Event Loop - 阮一峰的网络日志
javascript - event loop - 掘金
js事件循环机制(event loop) - 掘金
Event Loop 原来是这么回事 - 掘金
JS事件循环 - 掘金
【译】JavaScript的工作原理:事件循环及异步编程 - 前端 - 掘金
一次弄懂Event Loop(彻底解决此类面试问题) - 掘金
浏览器与Node的事件循环(Event Loop)有何区别? - 掘金
【译】Understanding NodeJS Event Loop - 掘金
彻底搞懂浏览器Event-loop - 掘金
由节流函数引发出我对event-loop的思考,顺便刷刷爆款题 - 掘金
浏览器eventLoop和node eventLoop - 掘金
Eventloop不可怕,可怕的是遇上Promise - 掘金
JavaScript执行机制-node事件循环 - 掘金
从面试题看 JS 事件循环与 macro micro 任务队列 - 掘金
Event Loop的规范和实现 - 掘金
JS 事件循环 event loop,前端烧脑一刻 - 掘金
setTimeout和setImmediate到底谁先执行,本文让你彻底理解Event Loop - 掘金
【前端体系】从一道面试题谈谈对EventLoop的理解
【前端进阶】深入浅出浏览器事件循环【内附练习题】
不要混淆nodejs和浏览器中的event loop - CNode技术社区
周一硬核干货:通过Node.js的源码彻底理解EventLoop

¥JS内存管理

垃圾回收(GC)

JavaScript 中的垃圾回收(GC) · Issue #61 · lxfriday/give-me-job
内存管理 - JavaScript | MDN
[译] 通过垃圾回收机制理解 JavaScript 内存管理 - 掘金
JavaScript中的垃圾回收和内存泄漏 - 掘金
V8 引擎垃圾内存回收原理解析 - 掘金
从 4 个面试题了解「浏览器的垃圾回收」
V8 垃圾回收原来这么简单?

内存监控、异常、泄漏

javascript - nodejs out of memory - Stack Overflow
An interesting kind of JavaScript memory leak - Meteor Blog
JavaScript 内存泄漏教程 - 阮一峰的网络日志
记一次网页内存溢出分析及解决实践 - 掘金
[译] JavaScript 工作原理:内存管理 + 处理常见的4种内存泄漏 - 掘金
Node.js 内存溢出时如何处理? - 掘金
一文从零彻底搞懂前端的内存监控、异常、泄漏
Node.js内存溢出-process out of memory 问题的处理 - 起点终站

Javascript 内存空间管理 · Issue #1 · ruizhengyun/javascript-note
深入理解js内存机制 - 前端 - 掘金
JavaScript的内存管理 - 掘金
【文末送书】JavaScript内存管理介绍

¥prototype&继承

¥prototype

一道关于this和原型链的JS题目 · Issue #16 · RicardoCao-Biker/RICO-BLOG
Object.prototype.propertyIsEnumerable() - JavaScript | MDN
Object.prototype.isPrototypeOf() - JavaScript | MDN
说来话长的 Javascript 原型链 - 掘金
为什么 JavaScript 要设计原型模式 - 掘金
理解 JavaScript 中的原型 - 掘金
深入学习js之——原型和原型链 - 掘金
原型对象与原型链 - 掘金
详解JavaScript原型 - 掘金
帮你彻底搞懂JS中的prototype、__proto__与constructor(图解) - 掘金
一文搞懂JavaScript原型链(看完绝对懂) - 掘金
走一遍流程图,了解 [[prototype]]、__proto__、prototype究竟是什么 - 掘金
原型、原型链、作用域、作用域链、闭包 - 掘金
JavaScript Prototype(原型) 新手指南 - 前端 - 掘金
彻底弄懂JS原型与继承 - 掘金
如何理解JavaScript的原型和原型链? - 掘金
JS当中,获取原型的三种方式和两种原型的使用方法_JavaScript_amensia_ZhangSan的博客-CSDN博客
js中如何查看原型_JavaScript_qq_34057640的博客-CSDN博客
isPrototypeOf、instanceof、hasOwnProperty函数介绍 - 简书
js关于原型,原型链的面试题 - ken丶123 - 博客园
简单理解js的prototype属性 - 循环源圈 - 博客园
深入理解js的prototype以及prototype的一些应用 - 循环源圈 - 博客园
isPrototypeOf&&getPrototypeOf - 猴子猿 - 博客园
isPrototypeOf和 instanceof 的区别 - Arthur007 - 博客园
图解 JavaScript 原型与原型链
理解Javascript的原型和原型链
轻松理解JS中的面向对象,顺便搞懂prototype和__proto__
进阶必读:深入理解 JavaScript 原型

¥继承

JavaScript中的函数继承 - 掘金
JavaScript常用八种继承方案 - 掘金
记不住的继承方式 - 掘金
浅谈JS的继承 - 掘金
【前端词典】继承(一) - 面试官问的你都会吗? - 掘金
JavaScript 七大继承全解析 - 掘金
ES5实现继承的那些事 - 掘金
JS实现继承的几种方式 - 幻天芒 - 博客园
JavaScript 继承的应用与解析
一文完全吃透 JavaScript 继承(面试必备良药)

inherits

isaacs/inherits: Easy simple tiny inheritance in JavaScript

你们真的了解JS的继承嘛? - SegmentFault 思否
一篇文章理解JS继承——原型链/构造函数/组合/原型式/寄生式/寄生组合/Class extends - SegmentFault 思否

继承与原型链 | MDN
小议JS原型链、继承 - 掘金
深入理解JavaScript原型链与继承 - 掘金

¥TypeScript

TypeScript core

Advanced Types

TypeScript: Handbook - Advanced Types
TypeScript: Handbook - Advanced Types

Utility Types

TypeScript: Handbook - Utility Types
TypeScript: Handbook - Utility Types

Decorators

TypeScript: Handbook - Decorators
Decorators · TypeScript
装饰器 · TypeScript中文网 · TypeScript——JavaScript的超集

Declaration Merging

TypeScript: Handbook - Declaration Merging
TypeScript: Handbook - Declaration Merging

Iterators and Generators

TypeScript: Handbook - Iterators and Generators
TypeScript: Handbook - Iterators and Generators

JSX

TypeScript: Handbook - JSX
TypeScript: Handbook - JSX

Mixins

TypeScript: Handbook - Mixins
TypeScript: Handbook - Mixins

Modules

TypeScript: Handbook - Modules
TypeScript: Handbook - Modules

Module Resolution

TypeScript: Handbook - Module Resolution
TypeScript: Handbook - Module Resolution

Namespaces

TypeScript: Handbook - Namespaces
TypeScript: Handbook - Namespaces

Namespaces and Modules

TypeScript: Handbook - Namespaces and Modules
TypeScript: Handbook - Namespaces and Modules

Symbols

TypeScript: Handbook - Symbols
www.typescriptlang.org

Triple-Slash Directives

TypeScript: Handbook - Triple-Slash Directives
TypeScript: Handbook - Triple-Slash Directives

Type Compatibility

TypeScript: Handbook - Type Compatibility
TypeScript: Handbook - Type Compatibility

Type Inference

TypeScript: Handbook - Type Inference
TypeScript: Handbook - Type Inference

Variable Declaration

TypeScript: Handbook - Variable Declaration
TypeScript: Handbook - Variable Declaration

strictPropertyInitialization

javascript - Property '...' has no initializer and is not definitely assigned in the constructor - Stack Overflow
angular - How to resolve 'Property 'foo' has no initializer and is not definitely assigned in the constructor' when using @Input decorator? - Stack Overflow

typescript-operator

Typescript & operator - Stack Overflow

tsconfig.json

tsconfig.json · TypeScript
tsconfig.json · TypeScript
编译选项 · TypeScript中文网 · TypeScript——JavaScript的超集
json.schemastore.org/tsconfig

类型

类型断言

typescript中不得不知的安全导航操作符 ( ?. )和非空断言操作符(!.) - 简书
TypeScript 非空断言 | 全栈修仙之路
TS——类型断言 - zzalmo - 博客园

typescript 类型基础

microsoft/TypeScript: TypeScript is a superset of JavaScript that compiles to clean JavaScript output.
xcatliu/typescript-tutorial: TypeScript 入门教程
TypeScript/spec.md at master · microsoft/TypeScript
TypeScript - JavaScript that scales.
TypeScript中文网
TypeScript中文网 · TypeScript——JavaScript的超集
TypeScript 3.2 · TypeScript
Compiler Options · TypeScript
文档简介 · TypeScript中文网 · TypeScript——JavaScript的超集
模板 · 声明文件 · TypeScript中文网 · TypeScript——JavaScript的超集
Introduction · TypeScript Handbook(中文版)
TypeScript Types Search
JavaScript 全栈工程师培训教程 - 阮一峰的网络日志

TypeScript libs、plugins&tools

create-exposed-app

iamturns/create-exposed-app: App generator with everything exposed for maximum control

TypeScript-Babel-Starter

Microsoft/TypeScript-Babel-Starter: A sample setup using Babel CLI to build TypeScript code, and using TypeScript for type-checking.

TypeScript-Node-Starter

microsoft/TypeScript-Node-Starter: A starter template for TypeScript and Node with a detailed README describing how to use the two together.

TypeScript-React-Starter

Microsoft/TypeScript-React-Starter: A starter template for TypeScript and React with a detailed README describing how to use the two together.
microsoft/TypeScript-React-Starter: A starter template for TypeScript and React with a detailed README describing how to use the two together.

TypeScript-Vue-Starter

microsoft/TypeScript-Vue-Starter: A starter template for TypeScript and Vue with a detailed README describing how to use the two together.

TypedJSON

JohnWeisz/TypedJSON: Typed JSON parsing and serializing for TypeScript that preserves type information.

Xterm.js

初窥Xterm.js - 掘金

ts-node

TypeStrong/ts-node: TypeScript execution and REPL for node.js

TypeScript 资源、整理集&FAQ

TypeScript 资源

@types / DefinitelyTyped

DefinitelyTyped/DefinitelyTyped: The repository for high quality TypeScript type definitions.
DefinitelyTyped/tsd: [DEPRECATED] TypeScript Definition manager for DefinitelyTyped
DefinitelyTyped/types/lodash at master · DefinitelyTyped/DefinitelyTyped
npm
@types/url-join - npm
@types/proper-url-join - npm
@types/zxcvbn - npm
@types/validator - npm
@types/validatorjs - npm
@types/html-validator - npm
@types/qs - npm
@types/append-query - npm
@types/globalthis - npm
@types/jsdom-global - npm
@types/window-or-global - npm
@types/url-search-params - npm
@types/ungap__url-search-params - npm
@types/js-cookie - npm
@types/crypto-js - npm
@types/stompjs - npm
@types/lodash - npm
@types/hapi__joi - npm
definitelytyped-header-parser - npm
UNPKG - @types/react
Home | DefinitelyTyped
在 Typescript 2.0 中使用 @types 类型定义 - 冠军 - 博客园
@types/passport - npm
@types/passport-jwt - npm
@types/sequelize - npm
@types/bull - npm
@types/graphql-type-json - npm

awesome-typescript

semlinker/awesome-typescript: A collection of awesome TypeScript resources for client-side and server-side development

dts-gen

microsoft/dts-gen: dts-gen creates starter TypeScript definition files for any module or library.

typings

typings/typings: *DEPRECATED* The TypeScript Definition Manager
vue/types at dev · vuejs/vue
vue-router/types at dev · vuejs/vue-router
vuex/types at dev · vuejs/vuex
vue CDN by jsDelivr - A free, fast, and reliable Open Source CDN

typescript-book

typescript-book-chinese

jkchao/typescript-book-chinese: TypeScript Deep Dive 中文版

basarat/typescript-book: The definitive guide to TypeScript and possibly the best TypeScript book . Free and Open Source 🌹
Introduction - TypeScript Deep Dive

satya164/typescript-template: Template repository for TypeScript projects with Babel
dizmo/types-global: Global type declarations
TypeScript Roadmap: January - June 2019 · Issue #29288 · Microsoft/TypeScript
typescript-cheatsheets/utilities: a list of typescript helper libraries
Learn to code professional, production-grade TypeScript in this course by TypeScript expert Mike North
前端工具类项目规范化-使用TS - 掘金
【开源】一个 React + TS 项目模板 - 掘金
Webpack 转译 Typescript 现有方案 - 掘金
TS 常见问题整理(60多个,持续更新ing) - 掘金
TypeScript体系调研报告 - 掘金
1.2W字 | 了不起的 TypeScript 入门教程
一文读懂 TypeScript 泛型及应用( 7.8K字)
技术胖的 TypeScript免费视频图文教程(2W字)
Effective Typescript:使用Typescript的n个技巧 - 知乎

TypeScript 整理集

《Typescript入门》

Typescript入门之基本类型(一) - 掘金
Typescript入门之基本类型(二) - 掘金
Typescript入门之数组与元组 - 掘金
Typescript入门之接口 - 掘金

《TypeScript 演化史》

【TypeScript 演化史 -- 1】non-nullable 的类型 - 掘金
【TypeScript 演化史 -- 2】基于控制流的类型分析 和 只读属性 - 掘金
【TypeScript 演化史 -- 3】标记联合类型 与 never 类型 - 掘金
【TypeScript 演化史 -- 4】更多的字面量类型 与 内置类型声明 - 掘金
【TypeScript 演化史 -- 5】将 async/await 编译到 ES3/ES5 (外部帮助库) - 掘金
【TypeScript 演化史 -- 6】对象扩展运算符和 rest 运算符及 keyof 和查找类型 - 掘金
【TypeScript 演化史 -- 7】映射类型和更好的字面量类型推断 - 掘金
【TypeScript 演化史 -- 8】字面量类型扩展 和 无类型导入 - 掘金
(译)【TypeScript 演化史 -- 9】object 类型 和 字符串索引签名类型的点属性 - 掘金
TypeScript 演化史 -- 10】更好的空值检查 和 混合类 - 掘金
【TypeScript 演化史 -- 11】泛型参数默认类型 和 新的 --strict 编译选项 - 掘金

《TypeScript 简明教程》

TypeScript 简明教程:认识 TypeScript - 掘金
TypeScript 简明教程:安装 TypeScript - 掘金
TypeScript 简明教程:基本类型(一) - 掘金
TypeScript 简明教程:基本类型(二) - 掘金
TypeScript 简明教程:接口、函数与类 - 掘金

《TypeScript + React最佳实践》

TypeScript + React最佳实践-第一节:Component类型化
TypeScript + React最佳实践-第二节:Redux类型化(1)
TypeScript + React最佳实践-第二节:Redux类型化(2)——如何实现类型安全的model(1)
TypeScript + React最佳实践-第二节:@tkit/model - React 全局和局部状态管理方案
TypeScript + React最佳实践 - 第三节:Service类型化(1) - sm2tsservice技术方案介绍
TypeScript + React最佳实践 - 第三节:Service类型化(2) - Graphql类型化
TypeScript + React最佳实践 - 第四节:针对 TypeScript 类型的单元测试

《TS简明教程》

(...) TS简明教程(1)_程序开发 - SegmentFault 思否
(...) TS简明教程(2)——类与接口_程序开发 - SegmentFault 思否
(...) TS简明教程(3)_程序开发 - SegmentFault 思否
(...) TS简明教程(4)——装饰器_程序开发 - SegmentFault 思否

《巧用 TypeScript》

巧用 TypeScript (一) - 掘金
巧用 TypeScript(二) - 掘金
巧用 TypeScript(三) - 掘金
巧用 TypeScript(四) - 掘金
巧用 TypeScript(五)-- infer - 掘金

《从 JavaScript 到 TypeScript》

从 JavaScript 到 TypeScript 1 - 什么是 TypeScript - blog
从 JavaScript 到 TypeScript 2 - 基础特性和类型推导 - blog
从 JavaScript 到 TypeScript 3 - 引入和编译 - blog
从 JavaScript 到 TypeScript 4 - 装饰器和反射 - blog
从 JavaScript 到 TypeScript 5 - 路由进化 - blog
从 JavaScript 到 TypeScript 6 - Vue 引入 TypeScript - blog

《类型即正义:TypeScript 从入门到实践》

类型即正义:TypeScript 从入门到实践(序章) - 掘金
类型即正义:TypeScript 从入门到实践(一) - 掘金
类型即正义:TypeScript 从入门到实践(二) - 掘金
类型即正义:TypeScript 从入门到实践(三):类型别名和类 - 掘金
类型即正义:TypeScript 从入门到实践(四):5000字长文带你重新认识泛型 - 掘金
(三万字长文)类型即正义:TypeScript 从入门到实践系列,正式完结!

TypeScript 基础入门(一) - 掘金
2.TypeScript 基础入门(二) - 掘金
TypeScript 入门系列 | TypeScript 基础(一) - 掘金
TypeScript 入门系列 | TypeScript 基础(二) - 掘金
从零开始配置 TypeScript 项目
一份不可多得的 TS 学习指南(1.8W字)
文章汇总(挖坑大全) - 知乎
掌握 TS 这些工具类型,让你开发事半功倍

TypeScript FAQ

typescript 中的 interface 和 type 到底有什么区别? · Issue #7 · Weiyu-Chen/blog
weekly/058.精读《Typescript2.0 - 2.9》.md at 7de3c77c3bdd7304c9e4b0c0f70c3ba6968ebd29 · dt-fe/weekly
weekly/084.精读《Typescript 3.2 新特性》.md at v2 · dt-fe/weekly
typescript - Add variable to window - Stack Overflow
Announcing TypeScript 4.0 Beta | TypeScript
前言 - TypeScript 入门教程
在 TS 中如何减少重复代码
TypeScript 3.3来了!快看看有什么新功能 - 掘金
Typesctipt 定义定长列表的类型 - 掘金
[译] TypeScript 和 Babel:一场美丽的婚姻 - 掘金
TypeScript 中的多种 import 解义 - 前端 - 掘金
使用 TypeScript + React + Redux 进行项目开发(入门篇,附源码) - 掘金
一文学懂 TypeScript 的类型 - 掘金
🔌 TS 的 Interface 了解一下? - 掘金
TypeScript从入门到精通 - 前端 - 掘金
从零开始学typescript构建一个rest风格web服务 - 掘金
聊聊TypeScript中类、接口之间相互继承与实现的那些事儿 - 掘金
typescript + react 项目开发体验之typescript - 掘金
【译】30 分钟入门 Typescript - 掘金
Typescript 最佳实践 - 掘金
TypeScript入门完全指南(基础篇) - 掘金
「译」深入typescript系列1 - 掘金
TypeScript 参数简化实战(进阶知识点conditional types,中高级必会) - 掘金
一文读懂 TS 中 Object, object, {} 类型之间的区别
精读《Typescript 4》
用typescript打造一个性能强悍的web聊天室
"无 Typescript" 编程
细数这些年被困扰过的 TS 问题
TS2669: Augmentations for the global scope can only be directly nested in external modules...的解决方案_JavaScript_HermitSun的博客-CSDN博客
typescript数组类型_javascript_马优晨-CSDN博客
深入typescript类型系统:重载与子类型 - 知乎
类型有了,实现就接踵而至 - 知乎
Typescript Tips: 动态重载实现廉价版dependent type - 知乎
ts类型编程实战(一):修复rematch类型问题 - 知乎
深入typescript类型系统(二): 泛型和类型元编程 - 知乎
详解Typescript里的This - 知乎
ts跳过类型检查_heimi_新浪博客
TypeScript中都有哪些数据类型-文末送书
从零开始配置 TypeScript 项目
TypeScript的文章和教程为什么目前为止没有一个我特别满意?
你不知道的 TypeScript 泛型(1万字长文,建议收藏)
分类: TypeScript学习笔记 | banggan's Blog
TS 的装饰器还可以这样用 | 掘金技术征文-双节特别篇
细数 TS 中那些奇怪的符号
TypeScript怎么写React Hooks | 掘金技术征文-双节特别篇
陪尤雨溪一起,实现 Vuex 无限层级类型推断。(TS 4.1 新特性)
【万字长文】深入理解 Typescript 高级用法
TypeScript的另一面:类型编程
旧项目 TypeScript 改造问题与解决方案记
Typescript代码整洁之道

¥编译原理

global、self、this&window

#globalThis

es-shims/globalThis: ECMAScript spec-compliant polyfill/shim for `globalThis`.
staltz/prevent-global-this: Don't let TC39 use globalThis
ungap/global-this: A cross engine globalThis

#this

淺談 JavaScript 頭號難題 this:絕對不完整,但保證好懂 · Issue #39 · aszx87410/blog
Understanding JavaScript Function Invocation and "this"
JavaScript中的this - 掘金
JavaScript中的this详解 - 掘金
【翻译】理解JS的函数调用和‘this’的指向 - 掘金
理解 JavaScript 中的 this - 掘金
揭秘JavaScript中“神秘”的this关键字 - 掘金
嗨,你真的懂this吗? - 掘金
一文看穿JavaScript中this的圈圈绕 - 掘金
JavaScript中this指向的总结 - 掘金
一文彻底搞懂 Javascript 的 this(含 ES6+) - 掘金
对阮一峰《ES6 入门》中箭头函数 this 描述的探究 - 掘金
10分钟掌握JS函数中this指针的指向
面试官问:JS的this指向
一文弄懂 this 的前世今生

purposeindustries/window-or-global
(2条消息) js中window.parent和window.opener,window.self、window.top用法_LeBlock的博客-CSDN博客
判断当前window对象是否为顶级窗口的两种方法 - hustnzj的个人页面 - OSCHINA - 中文开源技术交流社区
js判断当前页面是顶级窗口 - 发疯的man - 博客园

LHS和RHS查询

JavaScript中的LHS和RHS查询 - 掘金

闭包

用垃圾回收机制解释JavaScript中的闭包 - 掘金
[译]发现 JavaScript 中闭包的强大威力 - 掘金
理解 JavaScript 中的闭包 - 掘金
循环中的异步&&循环中的闭包 - 掘金
前端小秘密系列之闭包 - 掘金
我从来不理解JavaScript闭包,直到有人这样向我解释它 - 掘金
深入理解JavaScript闭包之闭包的使用场景
深入理解JavaScript的闭包特性 如何给循环中的对象添加事件 - gaoshanwudi的专栏 - CSDN博客
(...) 深入理解JavaScript闭包之什么是闭包_前端小码农 - SegmentFault 思否
「译」理解Javascript的闭包
如何让将js闭包内部局部变量全部删除_百度知道

作用域

可视化上下文作用域变量

tylermcginnis/javascriptvisualizer: A tool for visualizing Execution Context, Hoisting, Closures, and Scopes in JavaScript.
JavaScript Visualizer

与作用域相关的闭包、内存泄漏、this - 掘金
理解 JavaScript 中的作用域 - 掘金
精华提炼「你不知道的 JavaScript」之作用域和闭包 - 掘金
理解JavaScript的核心知识点:作用域 - 掘金
「译」理解Javascript的作用域和作用域链

错误类型

Uncaught SyntaxError

vue-cli 打包后提交到线上出现 "Uncaught SyntaxError:Unexpected token <" 报错 - 个人文章 - SegmentFault 思否
js报Uncaught SyntaxError: Unexpected token <错误 解决方法 - 简书
"Uncaught SyntaxError: Unexpected token <"错误完美解决_太平洋学习网|一个最全的javaweb,js,css,html5,csdn,android,linux的学习网站。

Error | MDN
EvalError | MDN
InternalError | MDN
RangeError | MDN
ReferenceError | MDN
SyntaxError | MDN
TypeError | MDN
URIError | MDN
详解JavaScript中的六种错误类型_javascript技巧_脚本之家
js的各种错误类型 - 炎泽 - 博客园

执行上下文(Execution Context)、堆&栈(stack)

理解 JavaScript 中的执行上下文 - 掘金
聊一聊JavaScript中的执行上下文和堆栈 - 掘金
[译] 理解 JavaScript 中的执行上下文和执行栈 - 掘金
JS中的执行上下文(Execution Context)和栈(stack) - 简书
Javascript中递归造成的堆栈溢出及解决方案 - Benjamin-zuo - 博客园
Javascript中递归造成的堆栈溢出及解决方案 – FED实验室 - 专注WEB端开发和用户体验
理解 JavaScript 中的执行上下文
JS夯实之执行上下文与词法环境 - 掘金

尾调用/尾递归

Javascript中的尾递归及其优化 - 掘金
Using trampolines to manage large recursive loops in JavaScript - LogRocket Blog
Tail call optimization in ECMAScript 6
怎样避免JavaScript中过长递归导致的堆栈溢出? - 知乎

变量提升

理解Javascript的变量提升

编译器&解释器

Acorn

acornjs/acorn: A small, fast, JavaScript-based JavaScript parser
使用 Acorn 来解析 JavaScript

Esprima

jquery/esprima: ECMAScript parsing infrastructure for multipurpose analysis
Esprima

giao-js

webfansplz/giao-js: Mini Javascript Interpreter
「 giao-js 」用js写一个js解释器

jsjs

bramblex/jsjs: 简易的 JavaScript 元循环解释器

Shift Parser

shapesecurity/shift-parser-js: ECMAScript parser that produces a Shift format AST

tree-sitter/tree-sitter: An incremental parsing system for programming tools
【图文详解】200行JS代码,带你实现代码编译器(人人都能学会) - 掘金
doodlewind/mocha1995: ☕️ The world's first JavaScript engine written in 1995 by Brendan Eich, now compiled back to JS and WASM!
我把世界上第一个 JS 引擎编译回了 JS

语法树(Syntax Tree)

#抽象语法树(Abstract Syntax Tree,AST)

Extensible Abstract Syntax Tree

syntax-tree/xast: Extensible Abstract Syntax Tree
syntax-tree/xastscript: utility to create xast trees
syntax-tree/xast-util-from-xml: utility to parse from XML
syntax-tree/xast-util-to-string: xast utility to get the text value of a node
syntax-tree/xast-util-to-xml: utility to serialize to XML

Hypertext Abstract Syntax Tree

syntax-tree/hast: Hypertext Abstract Syntax Tree format
syntax-tree/hast-util-to-nlcst: utility to transform hast to nlcst
syntax-tree/hast-util-to-xast: utility to transform to xast (xml)
syntax-tree/hastscript: utility to create hast trees
syntax-tree/hast-to-hyperscript: utility to transform hast to something else through a hyperscript DSL
syntax-tree/hast-util-assert: utility to assert hast nodes
brechtcs/hast-util-class-list: Simulate the browser's classList API for HAST nodes
syntax-tree/hast-util-classnames: utility to merge class names together
syntax-tree/hast-util-embedded: utility to check if a node is an embedded element
syntax-tree/hast-util-find-and-replace: utility to find and replace text in a hast tree
syntax-tree/hast-util-from-dom: utility to transform a DOM tree to hast
syntax-tree/hast-util-from-parse5: utility to transform Parse5’s AST to hast
syntax-tree/hast-util-from-selector: utility to parse CSS selectors to hast nodes
rehype-minify/packages/hast-util-from-string at 3e1903a2bbc4c5a9d56812ca2d050fe4f36b84c4 · rehypejs/rehype-minify
syntax-tree/hast-util-from-text: utility to set the plain-text value of a node according to the `innerText` algorithm
syntax-tree/hast-util-has-property: utility to check if a node has a property
syntax-tree/hast-util-heading: utility to check if a node is a heading element
syntax-tree/hast-util-heading-rank: utility to get the rank (or depth, level) of headings
syntax-tree/hast-util-interactive: utility to check if a node is interactive
rehype-minify/packages/hast-util-is-body-ok-link at 3e1903a2bbc4c5a9d56812ca2d050fe4f36b84c4 · rehypejs/rehype-minify
rehype-minify/packages/hast-util-is-conditional-comment at 3e1903a2bbc4c5a9d56812ca2d050fe4f36b84c4 · rehypejs/rehype-minify
rehype-minify/packages/hast-util-is-css-link at 3e1903a2bbc4c5a9d56812ca2d050fe4f36b84c4 · rehypejs/rehype-minify
rehype-minify/packages/hast-util-is-css-style at 3e1903a2bbc4c5a9d56812ca2d050fe4f36b84c4 · rehypejs/rehype-minify
syntax-tree/hast-util-is-element: utility to check if a node is a (certain) element
rehype-minify/packages/hast-util-is-event-handler at 3e1903a2bbc4c5a9d56812ca2d050fe4f36b84c4 · rehypejs/rehype-minify
rehype-minify/packages/hast-util-is-javascript at 3e1903a2bbc4c5a9d56812ca2d050fe4f36b84c4 · rehypejs/rehype-minify
syntax-tree/hast-util-labelable: utility to check whether a node is labelable
syntax-tree/hast-util-menu-state: utility to get the state of a menu element
syntax-tree/hast-util-parse-selector: utility to create an element from a simple CSS selector
syntax-tree/hast-util-phrasing: utility to check if a node is phrasing content
syntax-tree/hast-util-raw: utility to reparse a hast tree
syntax-tree/hast-util-sanitize: utility to sanitize hast nodes
syntax-tree/hast-util-script-supporting: utility to check if a node is a script-supporting element
syntax-tree/hast-util-select: utility to add `querySelector`, `querySelectorAll`, and `matches` support for hast
syntax-tree/hast-util-sectioning: utility to check if a node is a sectioning element
syntax-tree/hast-util-shift-heading: utility to change heading rank (or depth, level) in hast
mapbox/hast-util-table-cell-style: Transform deprecated styling attributes on HAST table cells to inline styles.
syntax-tree/hast-util-to-dom: utility to transform hast to a DOM tree
syntax-tree/hast-util-to-html: utility to serialize hast to HTML
jsxtreme-markdown/packages/hast-util-to-jsx at a8eb8db936933921438b48ea247bd80ca7bc4aad · mapbox/jsxtreme-markdown
syntax-tree/hast-util-to-mdast: utility to transform hast (HTML) to mdast (markdown)
syntax-tree/hast-util-to-parse5: utility to transform hast to Parse5’s AST
rexxars/hast-util-to-portable-text: Utility to transform hast to portable text
syntax-tree/hast-util-to-snabbdom: utility to transform to a Snabbdom tree
rehype-minify/packages/hast-util-to-string at 3e1903a2bbc4c5a9d56812ca2d050fe4f36b84c4 · rehypejs/rehype-minify
syntax-tree/hast-util-to-text: utility to get the plain-text value of a node according to the `innerText` algorithm
syntax-tree/hast-util-transparent: utility to check if a node is a transparent element
syntax-tree/hast-util-whitespace: utility to check if a node is inter-element whitespace
prettyhtml/packages/hast-util-from-webparser at 5db9a8b7357d57a1997b6c293a9eaaab8afd6108 · Prettyhtml/prettyhtml

Markdown Abstract Syntax Tree

syntax-tree/mdast: Markdown Abstract Syntax Tree format
syntax-tree/mdast-util-from-markdown: mdast utility to parse markdown
syntax-tree/mdast-util-assert: utility to assert mdast trees
mike-north/mdast-builder: Build a mdast structure w/ composable functions
syntax-tree/mdast-comment-marker: utility to parse a comment marker in mdast
syntax-tree/mdast-util-compact: utility to make an mdast tree compact
syntax-tree/mdast-util-definitions: utility to find definition nodes in an mdast tree
syntax-tree/mdast-util-from-quill-delta: utility to transform Quill delta to mdast
syntax-tree/mdast-util-heading-range: utility to use headings as ranges in mdast
syntax-tree/mdast-util-heading-style: utility to get the style of an mdast heading
anandthakker/mdast-util-inject: Mdast utility to inject some markdown content into some other markdown at a certain heading
syntax-tree/mdast-normalize-headings: utility to make sure there is no more than a single top-level heading in the document
syntax-tree/mdast-util-phrasing: utility to check if an mdast node is phrasing content
syntax-tree/mdast-squeeze-paragraphs: utility to remove empty paragraphs from an mdast tree
syntax-tree/mdast-util-toc: utility to generate a table of contents from an mdast tree
syntax-tree/mdast-util-to-hast: utility to transform mdast to hast
syntax-tree/mdast-util-to-nlcst: utility to transform mdast to nlcst
syntax-tree/mdast-util-to-string: utility to get the plain text content of an mdast node
syntax-tree/mdast-zone: utility to treat HTML comments as ranges or markers in mdast
syntax-tree/mdast-util-directive: mdast extension to parse and serialize generic directives (`:cite[smith04]`)
syntax-tree/mdast-util-footnote: mdast extension to parse and serialize footnotes
syntax-tree/mdast-util-frontmatter: mdast extension to parse and serialize frontmatter (YAML, TOML, etc)
syntax-tree/mdast-util-gfm: mdast extension to parse and serialize GFM (GitHub Flavored Markdown)
syntax-tree/mdast-util-gfm-autolink-literal: mdast extension to parse and serialize GFM autolink literals
syntax-tree/mdast-util-gfm-strikethrough: mdast extension to parse and serialize GFM strikethrough
syntax-tree/mdast-util-gfm-table: mdast extension to parse and serialize GFM tables
syntax-tree/mdast-util-gfm-task-list-item: mdast extension to parse and serialize GFM task list items
syntax-tree/mdast-util-math: mdast extension to parse and serialize math
syntax-tree/mdast-util-to-markdown: mdast utility to serialize markdown
syntax-tree/mdast-util-mdx-expression: mdast extension to parse and serialize MDX or MDX.js expressions
syntax-tree/mdast-util-mdx-jsx: mdast extension to parse and serialize MDX or MDX.js JSX
syntax-tree/mdast-util-mdxjs-esm: mdast extension to parse and serialize MDX.js ESM (import/exports)
staltz / mdast-add-list-metadata · GitLab
staltz / mdast-flatten-image-paragraphs · GitLab
staltz / mdast-flatten-listitem-paragraphs · GitLab
staltz / mdast-flatten-nested-lists · GitLab
staltz / mdast-move-images-to-root · GitLab
syntax-tree/mdast-util-mdx: mdast extension to parse and serialize MDX (or MDX.js)

syntax-tree
SBoudrias/AST-query: Tentative to a simple JavaScript AST modification library
abell123456/AST-: 收集业界AST解析相关实现,含:HTML/JS/CSS/JSON/MARKDOWN
AST explorer
AST 团队分享 | chengyuming
平庸前端码农之蜕变 — AST - 掘金
手把手教你写几个实用的的AST插件 - 掘金
AST原理,让你蜕变为高级前端工程师的原理
babel插件入门-AST(抽象语法树) - 掘金
手把手教你写几个实用的AST插件
使用LL算法构建AST —— 编程训练

Natural Language Concrete Syntax Tree

syntax-tree/nlcst: Natural Language Concrete Syntax Tree format
syntax-tree/nlcst-affix-emoticon-modifier: utility to merge affix emoticons into the previous sentence in nlcst
syntax-tree/nlcst-emoji-modifier: utility to support emoji in nlcst
syntax-tree/nlcst-emoticon-modifier: utility to support emoticons in nlcst
syntax-tree/nlcst-is-literal: utility to check whether an nlcst node is meant literally
syntax-tree/nlcst-normalize: utility to normalize an nlcst word for easier comparison
syntax-tree/nlcst-search: utility to search for patterns in an nlcst tree
syntax-tree/nlcst-to-string: utility to transform an nlcst tree to a string
syntax-tree/nlcst-test: utility to check assert an nlcst node

Universal Syntax Tree

syntax-tree/unist: Universal Syntax Tree used by @unifiedjs

unified

unifiedjs/unified: ☔️ interface for parsing, inspecting, transforming, and serializing content through syntax trees
unifiedjs/awesome-unified: Curated list of awesome unified resources
unified
unified

syntax-tree/.github: Community health files for syntax-tree, unist, hast, xast, mdast, and nlcst
syntax-tree/ideas: Share ideas for new utilities and tools built with @syntax-tree
syntax-tree/awesome-syntax-tree: Curated list of awesome syntax-tree, unist, hast, xast, mdast, nlcst resources
.github/code-of-conduct.md at 4077d479012da74f551d4d662c0f2a28e0d577d7 · syntax-tree/.github

递归(Recursion)

Recursion Tree Visualizer

ascoders/syntax-parser: Light and fast 🚀parser! With zero dependents.
jrainlau/canjs: CanJS is a javascript interpreter, which can run JS code in JS.
精读《syntax-parser 源码》 - 掘金
https://juejin.im/entry/5c0538245188257c3045ccc3
关于var a = 2; JS干了什么? - 掘金
JavaScript的工作原理:引擎,运行时和调用堆栈 - 掘金
模拟实现 JS 引擎:深入了解 JS机制 以及 Microtask and Macrotask - 掘金
温故而知新:JS变量提升与时间死区 - 掘金
从敲下一行JS代码到这行代码被执行,中间发生了什么?

¥运算符

与、或、异或运算

按位操作符 | MDN
JavaScript骚操作之操作符 - 掘金
与、或、异或运算 - CSDN博客
&(与运算)、|(或运算)、^(异或运算)的本质理解 - CSDN博客
JS运算符&&和|| 及其优先级 - CSDN博客
深入理解按位异或运算符 - 我所向往的美好 - 博客园
JavaScript中奇葩的假值 - snandy - 博客园

默认参数、解构赋值与扩展运算符

使用解构赋值与扩展运算符,让你的代码更优雅 - 掘金
ES6 函数参数的默认值 - qq_32021031的博客 - CSDN博客
es6 函数参数的默认值与解构赋值的默认值结合使用理解 - liuz - CSDN博客
ES6-一个关于函数解构赋值默认值的有趣案例 - Mofier的博客 - CSDN博客
ES6解构赋值中函数参数的默认值? - SegmentFault 思否
ES6的扩展运算符和剩余操作符的对比和应用 - 简书
ES6/ES2015中的解构和扩展运算符 - 孙氏楼 - 博客园
ES6 扩展运算符 三点(...) - 狂奔的小马扎 - 博客园

运算符优先级 - JavaScript | MDN
JavaScript 那些写出来会被同事揍的骚操作 - 掘金
true || false && false - 掘金
[]==''返回?为什么?运算符==进行了什么操作? - 掘金
JavaScript阴沟里翻船之运算符优先级 - 掘金
都2020了,还不懂js运算符优先级? - 掘金
五分钟带你领略: 位运算操作之美 - 掘金
万字长文图解七道超高频位运算面试题!

¥并发控制

15 行代码实现并发控制(javascript) · Issue #2 · SunshowerC/blog
chenjigeng/requestDecorator: requestDecorator
动手实现并发请求控制
「面试官问」批量请求数据实现-限制并发量
多种方式实现 LazyMan
23行代码实现一个带并发数限制的fetch请求函数
不到50行代码实现一个能对请求并发数做限制的通用RequestDecorator
2w字 + 40张图带你参透并发编程!

¥进制

文件与二进制

bitjs

codedread/bitjs: Binary Tools for JavaScript

浏览器中的二进制以及相关转换 - 山月的个人博客
js对文件和二进制操作的一些方法汇总 - 掘金
JavaScript 读写二进制数据 - 掘金
浏览器端的二进制以及相关操作与转换 - 掘金
[1.3万字] 玩转前端二进制
关于二进制的一点小思考
从图片裁剪来聊聊前端二进制

数值问题

从标准原理出发理解 JavaScript 数值精度 - 掘金

八进制转义字符转中文

Javascript八进制转义字符转中文 - 简书

进制转换 - 在线工具
javascript 进制转换(2进制、8进制、10进制、16进制之间的转换) - CSDN博客
JS 二进制转10进制 带符号 - CSDN博客
JS十进制,十六进制,八进制,二进制他们的转换总结 - CSDN博客

¥模板引擎

#other 模板引擎

Topic: tagged-template
tmodjs/README.md at master · aui/tmodjs
aui/tmodjs: 前端模板外置解决方案
https://developer.mozilla.org/zh-CN/docs/Web/JavaScript/Reference/template_strings
Template literals - JavaScript | MDN
John Resig - JavaScript Micro-Templating
EJS - JavaScript Templates
So you need a template engine..
非转义序列的模板字符串 | esnext | es6 es7 es2017 es2018 es2019
关于高效、高质和高产 - 掘金
60行代码实现简单模板语法 - 掘金
模板引擎的整理归纳
坚持造轮子第一天 - 模板引擎
[译] 只有 20 行的 JavaScript 模板引擎 - Jrain-前端玩具盆 - SegmentFault 思否

art-template

aui/art-template: High performance JavaScript templating engine
art-template
art-template
artTemplate
arttemplate - Awesomes
高性能JavaScript模板引擎原理解析 – 腾讯CDC

BaiduTemplate

BaiduFE/BaiduTemplate: 前端模板
BaiduTemplate模板引擎

Consolidate.js

tj/consolidate.js: Template engine consolidation library for node.js

doT.js

olado/doT: The fastest + concise javascript template engine for nodejs and browsers. Partials, custom delimiters and more.
doT.js - the fastest and concise javascript template engine for Node.js and browsers

domjs

medikoo/domjs: DOM template engine for client and server

dustjs

linkedin/dustjs: Asynchronous Javascript templating for the browser and server
dust
Dust.js by LinkedIn

etpl

ecomfe/etpl: ETPL是一个强复用、灵活、高性能的JavaScript模板引擎,适用于浏览器端或Node环境中视图的生成。
ETpl - Enterprise Template

ejs

tj/ejs: Embedded JavaScript templates for node
mde/ejs: Embedded JavaScript templates -- http://ejs.co
sail-sail/ejsExcel: nodejs excel template engine. node export excel
EJS -- Embedded JavaScript templates
EJS -- 嵌入式 JavaScript 模板引擎 | EJS 中文文档
ejsexcel

fxtpl

koen301/fxtpl: 全新的JS模板引擎
Fxtpl

handlebars.js

handlebars-lang/handlebars.js
wycats/handlebars.js
Handlebars
Handlebars.js 模板引擎 | Ghost中文网

hogan.js

twitter/hogan.js: A compiler for the Mustache templating language
Hogan.js

Jade templates

pugjs/pug: Pug – robust, elegant, feature rich template engine for Node.js
bluewings/pug-as-jsx-loader
donpark/html2jade: Converts HTML to Jade template. Not perfect but useful enough for non-daily conversions.
naltatis/jade-syntax-docs: Jade Template Syntax by example
pugjs/babel-plugin-transform-react-pug: A plugin for transpiling pug templates to jsx
Getting Started – Pug

jsrender

BorisMoore/jsrender: A lightweight, powerful and highly extensible templating engine. In the browser or on Node.js, with or without jQuery.
JsRender: Demos
JsRender/JsViews
JsRender/JsViews
jsrender - cdnjs.com - The best FOSS CDN for web related libraries to speed up your websites!

Juicer

PaulGuo/Juicer: A Light Javascript Templete Engine.

layui.laytpl

模板引擎文档 - layui
laytpl前端模版引擎 - 在线演示 - layui

Markup.js

adammark/Markup.js: Powerful JavaScript templates

mustache.js

janl/mustache.js: Minimal templating with {{mustaches}} in JavaScript
{{ mustache }}

nunjucks

mozilla/nunjucks: A powerful templating engine with inheritance, asynchronous control, and more (jinja2 inspired)
Nunjucks

plates

flatiron/plates: Light-weight, logic-less, DSL-free, templates for all javascript environments!

pure.js

pure/pure: PURE Unobtrusive Rendering Engine for HTML
pure.js - Javascript Template Engine

st.js

SelectTransform/st.js: JSON template over JSON

transparency

leonidas/transparency: Transparency is a semantic template engine for the browser. It maps JSON objects to DOM elements by id, class and data-bind attributes.
Try Transparency

template.js

yanhaijing/template.js: A javascript template engine, simple, easy & extras, support webpack, rollup, parcel, browserify, fis and gulp

underscore-template-loader

emaphp/underscore-template-loader: A Underscore and Lodash template loader for Webpack

¥正则表达式(RegExp)

RegExp core

()、[]、{}、|

正则-非捕获分组中,管道符(|)放结尾有啥用? - 掘金
正则表达式()、[]、{}的区别 - RichieWen - 博客园

(?:pattern)、(?=pattern)、(?!pattern)、(?<=pattern)&(?<!pattern)

正则表达式中?=和?:和?!的理解_正则表达式_SummerJX的博客-CSDN博客
正则表达式中?=和?:和?!的理解_Java_这个昵称没有被占用吧的博客-CSDN博客
正则 ?《= 和 ?= 的用法_网络_z69183787的专栏-CSDN博客
正则表达式之 pattern+?、pattern*?、(?!pattern)、(?:pattern)_zaqwsx20的专栏-CSDN博客
正则表达式-- (?:pattern)与(?=pattern)的区别_shashag-CSDN博客
js正则 ?: 、 ?= 、 ?! 、 ?<= 、 ?<!_weixin_33782386的博客-CSDN博客
正则表达式:?= ?: ?! - 简书
javascript正则表达式---正向预查 - chenby - 博客园
正则表达式中(?:pattern)、(?=pattern)、(?!pattern)、(?<=pattern)和(?<!pattern) - 那少年和狗 - 博客园
正则表达式 - (?!), (?:), (?=) - Rocin - 博客园
正则表达式的分组 - 西门潇洒 - 博客园
正则 ?<= 和 ?= 用法 - whaozl - 博客园
js正则表达式中的正向肯定预查和正向否定预查 - 逍遥云天 - 博客园
js正则去重及(?<=)的匹配规则-秋天爱美丽-专业的技术网站
js的正则表达式的正则前瞻(?=)和非捕获性分组(?:)有什么区别?_百度知道

与或非

正则的与或非

量词

正则表达式之量词

转义字符/元字符

正则表达式 – 元字符 | 菜鸟教程
正则中需要转义的特殊字符小结_正则表达式_脚本之家

zeeshanu/learn-regex: Learn regex the easy way
正则表达式 – 教程 | 菜鸟教程
Rex V: an AJAX Regular EXpression eValuator -

RegExp libs

any-rule

书到用时方恨少,一大波JS开发工具函数来了 - 掘金
any86/any-rule: 🦕 常用正则大全, 支持web / vscode插件2种查询方式.

path-to-regexp

pillarjs/path-to-regexp: Turn a path string such as `/user/:name` into a regular expression

safe-regex

substack/safe-regex: detect possibly catastrophic, exponential-time regular expressions

regexgen.js

amobiz/regexgen.js: RegexGen.js is a JavaScript Regular Expression Generator that helps to construct complex regular expressions.

RegExp tools

i-hate-regex

geongeorge/i-hate-regex: The code for iHateregex.io 😈 - The Regex Cheat Sheet

regexper

Regexper
Regexper
Regulex、Regexper、Debuggex - 三款『正则表达式』可视化工具[Web] - 小众软件
regexper图形化正则表达式工具 - 景洪的博客 - CSDN博客
Regexper:牛逼的 JavaScript 正则可视化工具 - 梦想天空(山边小溪) - 博客园
javallone/regexper-static: Regular Expression Visualization Site (static site version) -- migrated to https://gitlab.com/javallone/regexper-static
gitlab.com

RegExr: Learn, Build, & Test RegEx
Regulex:JavaScript Regular Expression Visualizer
Online regex tester and debugger: PHP, PCRE, Python, Golang and JavaScript
Debuggex: Online visual regex tester. JavaScript, Python, and PCRE.
jex.im
正则可视化工具
Regular Expression Library

RegExp 资源、整理集&FAQ

RegExp 资源

qdlaoyao/js-regex-mini-book
正则表达式代写,正则表达式教程 - 正则表达式社区
正则表达式30分钟入门教程

RegExp 整理集

JsCode/前端常用rule校验.js at master · jiaopianjun/JsCode
前端Vue中常用rules校验规则 - 掘金
常用正则表达式 - 掘金
JavaScript正则表达式备忘单 - 掘金
一篇不大靠谱的常用正则表达式汇总(前端) - 掘金
常用JS正则大全(2019年11月12日更新) - 掘金
马上收藏!史上最全正则表达式合集 - 掘金
正则全攻略使用手册,你确定不进来看看吗 - 掘金
这是一篇男女老少入门精通咸宜的正则笔记 - 掘金
JS正则表达式完整教程(略长) - 掘金
常用正则表达式汇总—(数字匹配/字符匹配/特殊匹配) - CSDN博客
史上最全的正则表达式-匹配中英文、字母和数字 - CSDN博客
JS正则表达式语法大全(非常详细)
JS正则表达式大全(整理详细且实用)_javascript技巧_脚本之家
最全的常用正则表达式大全——包括校验数字、字符、一些特殊的需求等_正则表达式_脚本之家
正则表达式速查表 - Ever-Lose - 博客园
必备之常用正则表达式 | 晚晴幽草轩
常用的JS正则校验表达式 | 故事胶片
前端实用正则表达式&小技巧,一股脑全丢给你🏆 掘金技术征文|双节特别篇
JS正则表达式完整教程(略长)
用大白话轻松搞定正则(上)
用大白话轻松搞定正则(下)

RegExp FAQ

JavaScript 正则入门到掌握 - 掘金
吃透js中正则表达式 - 掘金
面试官!让我们聊聊正则 - 掘金
金额千分位格式化函数两种实现方法(使用正则和不使用正则) - 沸点 - 掘金
小览 ES6-ES2019 中正则表达式的新发展 - 掘金
正则实现数组滤重 - 掘金
正则表达式去掉前后、左右、去掉所有的空格 - CSDN博客
正则表达式中文字符和空格匹配 - CSDN博客
JavaScript 正则表达式匹配成功后的返回结果 - CSDN博客
正则表达式获取文件名和后缀 - CSDN博客
正则表达式匹配URL或者网址 - qhzhen的博客 - CSDN博客
判断正整数的正则表达式_Java_小哥丷的博客-CSDN博客
regexp - 正则表达式如何精确匹配空格 - SegmentFault 思否
关于日期正则表达式的思路详解_正则表达式_脚本之家
JS判断输入是否为整数的正则表达式 - 芜明-追星 - 博客园
日期和时间的正则表达式 - zhilong001 - 博客园
正则表达式匹配任意字符(包括换行符)的写法 - _再见理想 - 博客园
正则匹配整数和小数 - 陆漫漫 - 博客园
js替换字符串中的空格,换行符\r\n或\n替换成<br> - 云上丶无忧 - 博客园
JavaScript 正则表达式上——基本语法 - 谦行 - 博客园
JS正则表达式验证数字 - - ITeye博客
js最新手机号码、电话号码正则表达式-前端开发博客
理解Javascript的正则表达式
正则表达式匹配连续出现的字符串_yincheng_917的博客-CSDN博客_正则表达式匹配连续字符
js正则实现数字格式化,每三位加逗号_web_xyk的专栏-CSDN博客
JS格式化数字(每三位加逗号) - Jack He - 博客园
js添加千分符号位 - 我自浮沉,虚浮自我 - 博客园
正则基础之——NFA引擎匹配原理_雁过无痕-CSDN博客

¥数据类型&数据操作

数据类型

Array

数组去重

jQuery.uniqueSort() | jQuery API中文文档(适用jQuery 1.0 - jQuery 3.1)
经典js面试题:数组去重 - 掘金
JS专题之数组去重 - 掘金
如何将相同属性的数组对象合并并统计个数 - 掘金
js数组去重的4个方法 - CSDN博客
jquery 数组去重 - CSDN博客
[1,2,1,3].unique()实现数组去重最优方法 - 懒人的小窝

数组排序

JS数组排序sort()方法同时按照两种方式排序的用法 - hiwynn - 博客园
JS数组排序技巧汇总(冒泡、sort、快速、希尔等排序)_javascript技巧_脚本之家
Js数组排序函数sort()介绍_javascript技巧_脚本之家
关于js中sort()排序方法 - 番茄pan - 博客园

数组拷贝

js实现数组和对象的深浅拷贝_javascript技巧_脚本之家
javascript深拷贝和浅拷贝详解_javascript技巧_脚本之家

数组遍历

Array.prototype.forEach() - JavaScript | MDN
JavaScript数组forEach()、map()、reduce()方法 - dataman - 博客园
jQuery判断数组是否包含了指定的元素_jquery_脚本之家
jQuery遍历对象、数组、集合实例_jquery_脚本之家
jQuery筛选数组之grep、each、inArray、map的用法及遍历json对象_jquery_脚本之家
JQuery中$.each 和$(selector).each()的区别详解 - 郝高胜 - 博客园
避免恼人的空值之reduce - 掘金
javaScript遍历对象、数组总结 - 抖音 - 博客园

数组添加删除修改元素

splice

如何手动实现数组的splice方法 ? (V8源码级别) - 掘金
JavaScript中易混淆的方法之split、splice、slice辨析比较 - CSDN博客
JavaScript中splice的用法 - CSDN博客
javascript - js 数组中的某一位和它前面的一位换位置,有什么好的方法 - SegmentFault 思否
js splice()的用法 - 蒲木杉 - 博客园
JS 将一个数组按指定长度分割,组成一个新的数组集合 - 吾生有涯,而知无涯! - 博客园

创建包含N个空对象的数组 - 掘金
浅析jquery数组删除指定元素的方法:grep()_jquery_脚本之家
Js删除数组中某一项或几项的几种方法(推荐)_基础知识_脚本之家
jQuery根据元素值删除数组元素的方法_jquery_脚本之家
js数组操作-删除首项、删除尾项、头部添加项、尾部添加项 - CSDN博客

数组合并

JS合并两个数组的方法 - 若水若鱼 - 博客园
JS 将一个数组按指定长度分割,组成一个新的数组集合 - 吾生有涯,而知无涯! - 博客园

常见操作

sdras/array-explorer: ⚡️ A resource to help figure out what JavaScript array method would be best to use at any given time
[7000字]JavaScript数组所有方法基础总结
盘点那些常见的 JS 数组方法及 Polyfill
JavaScript 遍历、枚举与迭代的骚操作(上篇) - 掘金
JavaScript 遍历、枚举与迭代的骚操作(下篇) - 掘金
javascript 数组(array) 常用的方法集锦(上) - 掘金
数组的七个 API 的简单实现 - 掘金
在项目实践中用更优雅的方式处理数组问题 - 掘金
JS数组扁平化(flat)方法总结 - 掘金
JS数组操作:去重,交集,并集,差集 - 掘金
《吐血整理》系列 JavaScript数组方法操作集合(多种数组去重、reduce、排序) - 掘金
「数组方法」从详细操作js数组到浅析v8中array.js
JavaScript中数组Array.prototype的常用的方法总结 - CSDN博客
js正则表达式匹配返回数组-CSDN论坛
js数组方法 改变原数组和不改变原数组的方法整理 - love07070707的博客 - CSDN博客
js正则表达式匹配返回数组-CSDN论坛
javascript - 获取一个数组中的连续数字 - SegmentFault 思否
jquery操作对象数组元素方法详解_jquery_脚本之家
JS针对Array的各种操作汇总_javascript技巧_脚本之家
JS针对Array的各种操作汇总_javascript技巧_脚本之家
JavaScript判断变量是否为数组的方法(Array)_javascript技巧_脚本之家
JS - 计算两个数组的交集、差集、并集、补集(多种实现方式)
https://mp.weixin.qq.com/s?__biz=MzIzNTU2ODM4Mw==&mid=2247486493&idx=1&sn=700aaf31be7eaeddc6820d6770acb541&chksm=e8e4618ddf93e89ba18044ec906a567db49dadc79428a7ca5f64778f39853999cf5e891804fd&mpshare=1&scene=23&srcid=051806OfJ8I3Td7t7vqLf7By#rd
五千字的数组拓展,面试官对我竖起大拇指喊停

Boolean、Null & Undefined

7个处理JavaScript值为undefined的技巧

BigInt

BigInt - JavaScript | MDN
JavaScript data types and data structures - JavaScript | MDN
tc39/proposal-bigint: Arbitrary precision integers in JavaScript
BigInt: arbitrary-precision integers in JavaScript  |  Web  |  Google Developers

Function

#call、apply、bind

Function.prototype.apply() - JavaScript | MDN
Function.prototype.bind() - JavaScript | MDN
「干货」细说 call、apply 以及 bind 的区别和用法 - 掘金
从一行等式理解JS当中的call, apply和bind - 掘金
🔮彻底弄清 this call apply bind 以及原生实现 - 掘金
详解 new/bind/apply/call 的模拟实现 - 掘金
【愣锤笔记】一篇小短文让你彻底搞懂this、call、apply和bind - 掘金
js进阶(一)bind和call及apply - CSDN博客
javascript - js 当中apply.bind 这种用法是怎么执行的? - SegmentFault 思否
详解JS中的this、apply、call、bind(经典面试题)_javascript技巧_脚本之家
JS中的call、apply、bind方法详解 - 风雨后见彩虹 - 博客园
JS中的apply,call,bind深入理解 - Jone_chen - 博客园
【优雅代码】深入浅出 妙用Javascript中apply、call、bind - ChokCoco - 博客园
Javascript中从学习bind到实现bind的过程详解-PHP中文网
Javascript中call()、apply()和bind()方法的区别_赵一鸣博客
JS面试中call()、apply()与bind()的区别及实现原理解析

#回调函数

事实上,回调函数还不错!! - 掘金
Actually, callbacks are fine - DEV Community 👩‍💻👨‍💻

#无限调用

无限调用之链模式分析 - 掘金

#高阶函数

JavaScript 高阶函数快速入门 - 掘金

Function 资源、整理集&FAQ

Function 资源

Function 整理集

JS的函数篇(4.3W字) - 掘金

Function FAQ

调用方式

javascript - js 的函数内,如何判断是 new 还是 函数调用?instanceof 没法用,this 不能区分 - SegmentFault 思否
JavaScript中判断函数是new还是()调用 - snandy - 博客园
Javascript函数深入研究:函数中判断自己是以哪种形式被调用的,是A(),还是new A()或者其它?_JavaScript_无心的专栏-CSDN博客
JavaScript中具名函数的多种调用方式(1) - snandy - 博客园
JavaScript中具名函数的多种调用方式(2) - snandy - 博客园

function-call-principle

acodercat/function-call-principle: 这是一篇关于函数调用原理的文章,通过大量的示意图由浅入深分析了函数完整的生命周期。
介绍 · 函数调用原理

The "new Function" syntax
如何编写高质量的函数 -- 命名/注释/鲁棒篇 - 掘金
彻底理解JavaScript函数的调用方式和传参方式——结合经典面试题 - 掘金
胡说-JavaScript函数类型 - 掘金
干货:十分钟学会测试你的JavaScript 函数性能

Number&String

javascript - js怎么用递归的方式实现每隔3个数字加一个逗号? - SegmentFault 思否
JS获取字符串实际长度(包含汉字)的简单方法_javascript技巧_脚本之家
五种js判断是否为整数类型方式_javascript技巧_脚本之家
JS获取字符串长度(length属性)

Object

《JavaScript面向对象精要》

《JavaScript面向对象精要》之一:基本类型和引用类型 - 掘金
《JavaScript面向对象精要》之二:函数 - 掘金
《JavaScript面向对象精要》之三:理解对象 - 掘金
《JavaScript面向对象精要》之四:构造函数和原型对象 - 掘金
《JavaScript面向对象精要》之五:继承 - 掘金
《JavaScript面向对象精要》之六:对象模式 - 掘金

JavaScript原生对象拓展

js对象扩展

Search · js对象扩展
huangguangjie/calendar-api: 一个万年历的API工具类,快速集成日历UI的构建方案。
SunnyJS/Sunny-fx.js at master · sunnyzhouy/SunnyJS
SunnyJS/Sunny-deferScript.js at master · sunnyzhouy/SunnyJS
SunnyJS/Sunny.js at master · sunnyzhouy/SunnyJS
extend/extend.js at master · kunhuapeng/extend
devin87/Q.js: js工具库,包括 通用方法、原生对象扩展、队列、JSON、Cookie、Storage、Ajax、JSONP、事件处理、DOM处理等

扩展js原生对象的正确姿势 - 巍影之戈 - CSDN博客
Javascript面向对象扩展库(lang.js)-CSDN下载
据说每个大牛、小牛都应该有自己的库——JavaScript原生对象拓展 - 谦行 - 博客园
据说每个大牛、小牛都应该有自己的库——Event处理 - 谦行 - 博客园
据说每个大牛、小牛都应该有自己的库——框架篇 - 谦行 - 博客园
据说每个大牛、小牛都应该有自己的库——Ajax - 谦行 - 博客园
据说每个大牛、小牛都应该有自己的库——DOM处理 - 谦行 - 博客园
据说每个大牛、小牛都应该有自己的库——DOM处理续 - 谦行 - 博客园
据说每个大牛、小牛都应该有自己的库——框架篇 - 谦行 - 博客园
js-ES6学习笔记-对象的扩展 - ZhangCui - 博客园
js-ES6学习笔记-函数的扩展 - ZhangCui - 博客园
js-ES6学习笔记-数组的扩展 - ZhangCui - 博客园
js-ES6学习笔记-数值的扩展 - ZhangCui - 博客园
js-ES6学习笔记-正则的扩展 - ZhangCui - 博客园
[JS] 面向对象的5种写法和拓展JS对象的写法 - Aviva_ye - 博客园
Javascript面向对象扩展库 - X!ao_f - 博客园
Javascript面向对象扩展库
用JAVASCRIPT实现静态对象、静态方法和静态属性

读写深度嵌套的对象

avsm/ocaml-lens: Private extraction of astrada's lens library
beizhedenglong/js-lens: Safely accessing and updating nested object with functional features.
如何安全地读写深度嵌套的对象? - 掘金

判断对象

WhiteMinds/comparison-object-diff: 深度比较对象差异, 生成差异结果, 并允许通过此结果来对旧对象进行更新, 主要目的是节约流量, 实现数据的局部更新
判断一个变量是不是空对象 {} - 掘金
JS 如何判断两个对象相等 - CSDN博客
判断一个变量是数组还是对象 - CSDN博客
js判断对象的属性是原型的还是实例的 - undefined- - 博客园
判断某对象是否是某原型的实例的两种方法_Java_xujiezi的专栏-CSDN博客

对象的属性、操作、方法

Object.create与new

new 运算符 - JavaScript | MDN
new.target - JavaScript | MDN
重学 JS 系列:聊聊 new 操作符 - 掘金
JavaScript进阶之模拟new Object()过程 - 掘金
JavaScript 中创建对象的那些事儿 - 掘金
JS中new和Object.create() - chjunjun的博客 - CSDN博客
Object.create()方法 - 知其黑,守其白。 - CSDN博客
你不知道的javascript之Object.create 和new区别 - blueblueskyhua的博客 - CSDN博客
JS 操作符优先级及new - 简书
object.create(null) 和 {}创建对象的区别 - 前端路上的小兵 - 博客园
Object.create()和new object()和{}的区别 - leijee - 博客园
js的new操作符做了哪些事情 - 嗯嗯呢 - 博客园

Object.freeze和Object.seal

Object.freeze() - JavaScript | MDN
Object.seal() - JavaScript | MDN
[JS] Object.freeze和Object.seal - 简书
React 源码中的 Object.seal - 掘金

Object.is

Object.is() - JavaScript | MDN
https://object.is

Object.observe

MaxArt2501/object-observe: Object.observe polyfill
jdarling/Object.observe: Object.observe polyfill/shim trying to be compliant
JS中的观察者们 —— 四种 Observers - 前端 - 掘金
监听者模式实战应用 - 掘金
现代浏览器观察者 Observer API 指南(新) - 掘金

Property

Object.defineProperty() - JavaScript | MDN
Object.defineProperty() | MDN
Object.defineProperties() | MDN
Object.getOwnPropertyDescriptor() | MDN
Object.getOwnPropertyDescriptors() | MDN
超详细版 Object.defineProperty() - 掘金
神奇的 Object.defineProperty - 掘金
解析神奇的 Object.defineProperty - 阅读 - 掘金
ES6 系列之 defineProperty 与 proxy - 掘金
理解 JavaScript 的 Object.defineProperty() 函数 - 前端 - 掘金
javaScript中的Object.defineProperty()和defineProperties() - web前端小站 - SegmentFault 思否
Object.defineProperties() - JavaScript | MDN

循环、遍历、枚举

5分钟彻底理解Object.keys - 掘金
5分钟彻底理解Object.keys - 前端 - 掘金
for in,Object.keys,for of 的区别 - 掘金
(for..in)、Object.keys()和Object.getOwnPropertyNames(),for...of - 掘金
for in,Object.keys(),for of,hasOwnProperty()怎么用? - 掘金
2分钟轻松搞定Object.keys(),for...in,getOwnPropertyNames()的区别 - 掘金
(for..in)、Object.keys() 和 Object.getOwnPropertyNames(),for...o - 前端 - 掘金
如何检查一个对象是否为空 - 掘金
JavaScript中 for、for in、for of、forEach等使用总结 - - SegmentFault 思否
js中return 、return false 、return true、break、continue区别 - 曹小半仙 - 博客园
Javascript Array forEach()中无法return和break,代替方法some()与every() - lihefei_coder的博客 - CSDN博客

对象的属性

理解 JavaScript 对象的属性 - 掘金
toString && valueOf && Symbol.toPrimitive 辨析 - 掘金
JavaScript 对象所有API解析【2020版】

js 中对 Object 对象的一些常用操作总结 - haorooms - 前端 - 掘金
Object()的方法一览 - 掘金
JS: Object.assign() Vs Spread Operator - 掘金
Object.create(null) 和 {} 的区别 - 掘金
JS对象,你不可不知的知识体系 - 掘金
Object.keys方法之详解 - CSDN博客
Object.assign()方法 - CSDN博客
assign、retain和copy的区别 - CSDN博客
assign、weak、strong、retain、__block、__weak - CSDN博客
JavaScript中in操作符(for..in)、Object.keys()和Object.getOwnPropertyNames()的区别 - 古兰精 - 博客园
JavaScript中Object.prototype.toString方法的原理_javascript技巧_脚本之家
JavaScript中创建对象的那些事儿
2020年最全的JavaScript 对象API完整解析 【绝对精彩】
js创建对象的6种方式总结 - shirliey - 博客园
sdras/object-explorer: 🔥 A resource to help figure out what JavaScript object method would be best to use at any given time

深拷贝&浅拷贝

klona

lukeed/klona: A tiny (366B) and fast utility to "deep clone" Objects, Arrays, Dates, RegExps, and more!

js 深浅拷贝知多少 - 掘金
深入浅出深拷贝与浅拷贝 - 掘金
JavaScript基础心法——深浅拷贝 - 前端 - 掘金
JavaScript基础心法——深浅拷贝 - 前端 - 掘金
如何实现一个惊艳面试官的非递归版本的 js 对象深拷贝方法 - 掘金
这一次彻底掌握深拷贝
ES6深拷贝与浅拷贝-每天进步一点点-51CTO博客
浅拷贝 and 深拷贝 - melinxie - 博客园
理解JS的深拷贝和浅拷贝的问题

Javascript 面向对象编程(一):封装 - 阮一峰的网络日志
Javascript面向对象编程(二):构造函数的继承 - 阮一峰的网络日志
Javascript面向对象编程(三):非构造函数的继承 - 阮一峰的网络日志
纵观JS对象的“简”与“繁”(上) - 掘金
扒一扒 JavaScript 中不常见的一些 object - 前端 - 掘金
JS 中的面向对象 prototype class - 掘金
你不知道的JavaScript对象

Set & Map

Map and Set
Set 和 Map 数据结构 - ECMAScript 6入门
【译】Array与Set的异同及使用场景 - 掘金
JS 中的 (Weak)Set 和 (Weak)Map - 掘金
ES6中的Map与Set集合 - 掘金
【译】Object与Map的异同及使用场景 - 掘金
史上最全Set和Map详解 - 掘金
何时使用 Map 来代替变通的 JS 对象
修改IE不兼容MAP()的问题,自定义实现JavaScript的Map对象_JavaScript_梦想起飞的地方.........-CSDN博客
IE浏览器不支持map报错SCRIPT5009: map未定义_JavaScript_Gemini_Kanon的博客-CSDN博客

Symbol

es6 symbol - 掘金
关于使用Symbol的注意点 - 掘金
理解 Es6 中的 Symbol 类型

语法和数据类型 | MDN
玩转 JavaScript 之数据类型 - 掘金
探索 Python 来反补 JavaScript,带你 Cross Fire —— JS 数据类型的奥秘 - 掘金
说说JavaScript的类型转换 - 掘金
[译]揭秘基本数据类型 - 掘金
从 ES 规范的角度讲解 +、Number 类型转换 - 掘金
为你的 JavaScript 项目添加智能提示和类型检查 - 掘金
从206个console.log()完全弄懂数据类型转换的前世今生(上) - 掘金
JS中数据类型检测四种方式的优缺点 - 掘金
JS中数据类型检测方法——typeof - 掘金
JavaScript中的类型检查有点麻烦

数据操作

#取整

JS十大取整方法

deep equal

epoberezkin/fast-deep-equal: The fastest deep equality check with Date, RegExp and ES6 Map, Set and typed arrays support
inspect-js/node-deep-equal: node's assert.deepEqual algorithm
planttheidea/fast-equals: A blazing fast equality comparison, either shallow or deep
chaijs/deep-eql: Improved deep equality testing for Node.js and the browser.
lexich/shallow-equal-fuzzy: Fuzzy implementation of shallowEqual algoritm
smelukov/nano-equal: Ultra fast and compact implementation of deep equal without any production dependencies.

parseInt

这些关于 parseInt 的题你都会吗? - 掘金

toFixed

ECMAScript 2015 Language Specification – ECMA-262 6th Edition
ECMAScript 2015 Language Specification – ECMA-262 6th Edition
Double (IEEE754 Double precision 64-bit) Converter
从「消失的 1 千粉丝」谈及 toFixed 的坑

浮点数

全面总结 JS 中浮点数运算问题 - 掘金
JS中浮点数精度问题 - 掘金
抓住数据的小尾巴 - JS浮点数陷阱及解法 - 知乎
js浮点数运算的坑,多少同学有碰到过? - 木白先生 - 博客园

隐式转换

一次弄懂Javascript隐式转换

strictEquals.js
dankogai/js-combinatorics: power set, combination, permutation and more in JavaScript
dankogai/js-xiterable: Make ES6 Iterators Functional Again
paulirish/break-on-access: break on access to a property
前端数据操作总结 - 掘金
数据类型转换看这篇就够了 - 掘金
JS做类型检测到底有几种方法?看完本文就知道了! - 掘金

¥函数式(声明式)编程

¥函数柯里化&偏函数(Curry&Partial)

JS专题之函数柯里化 - 掘金
彻底搞懂闭包,柯里化,手写代码,金九银十不再丢分!
JavaScript 中的 Currying(柯里化) 和 Partial Application(偏函数应用)-WEB前端开发
JavaScript Functional Programming Explained: Partial Application and Currying | DigitalOcean
函数柯里化&偏函数

《Functional-Light-JS》

getify/Functional-Light-JS: Pragmatic, balanced FP in JavaScript. @FLJSBook on twitter.
xiaoboost/Functional-Light-JS-Zh: 《Functional-Light-JS》中文翻译
Simingchen/Functional-Light-JS: JavaScript轻量级函数式编程(中文翻译)
sspantz/Functional-Light-JS-zh: 轻量函数式 JavaScript 中文
Functional-Light… by Kyle Simpson [Leanpub PDF/iPad/Kindle]

《一步一步教你 JavaScript 函数式编程》

一步一步教你 JavaScript 函数式编程(第一部分)-WEB前端开发
一步一步教你 JavaScript 函数式编程(第二部分)-WEB前端开发
一步一步教你 JavaScript 函数式编程(第三部分)-WEB前端开发

《函数式 JS》

(译) 函数式 JS #1:简介
(译) 函数式 JS #2: 函数!
(译)函数式 JS #3: 状态
(译) 函数式 JS #4: 闭包

eczn/se: 🔣 lisp 方言解释器 (emmm)
funkia/list: 🐆 An immutable list with unmatched performance and a comprehensive functional API.
orangeduck/BuildYourOwnLisp: Learn C and build your own programming language in under 1000 lines of code!
eczn's blog | Rally
[译] 编写函数式的 JavaScript 实用指南 - 掘金
[译] JavaScript 函数式编程指引 - 掘金
【译】你的编程语言能做到这个吗?(为什么要学函数式编程) - 掘金
【译】JavaScript中纯函数是什么 - 掘金
反对函数式编程的政治正确 - 掘金
我是怎样走上函数式编程的不归路的 - 掘金
一些关于JavaScript函数式编程的思考 - 掘金
我眼中的 JavaScript 函数式编程 - 前端 - 掘金
JavaScript函数式编程,真香之组合函数(二) - 掘金
函数式编程最佳实践 - 掘金
「函数式编程的实用场景 | 掘金技术征文-双节特别篇」
函数式编程进阶:应用函子
这些高阶的函数技术,你掌握了么
轻松玩转函数式编程
学习函数式编程 Monad
JavaScript 函数式编程术语大全-WEB前端开发
JavaScript函数式编程,真香之认识函数式编程(一) - 桃园

¥命令式编程

¥面向对象编程(Object-oriented programming)

里氏替换原则(Liskov Substitution Principle,LSP)

The Liskov Substitution Principle Explained

jirong-gao/oop-in-javascript: Object-oriented programming in JavaScript

¥控制反转(Inversion of Control,IoC)

依赖注入(Dependency Injection,DI)

typestack/typedi: Simple yet powerful dependency injection tool for JavaScript and TypeScript.
@cherrypulp/dependency-injector - npm
di - npm
power-di - npm
@alterior/di - npm
simple-js-di - npm
injection-js - npm
awilix - npm
fuxor - npm
frint-di - npm
injecting - npm
dizzy - npm
ng-inject - npm
typesafe-di - npm
piquouze - npm
diminish - npm
Angular - Dependency injection in Angular
Dependency injection in JavaScript
十几行代码实现一个ts依赖注入 - 掘金

@absolunet/ioc - npm
yaioc - npm
前端解读控制反转(IOC) - 掘金
[译]javascript中的依赖注入 - 掘金
DIP、IoC、DI、JS - 掘金

¥防御性编程

Handling Errors in JavaScript: The Definitive Guide
js错误处理权威指北 - 掘金
前端开发中的Error以及异常捕获 - 掘金
前端防御性编程 - 掘金

¥异步编程

¥async/await

#async/await core

tc39/proposal-top-level-await: top-level `await` proposal for ECMAScript (stage 3)
Top-Level Await
async 函数 - ECMAScript 6入门
developer.mozilla.org
异步函数 - 提高 Promise 的易用性  |  Web  |  Google Developers

#async/await libs、plugins&tools

#A-G

async

caolan/async: Async utilities for node and the browser
async-es - npm
Home - Documentation

async.js

eligrey/async.js: async/await before promises were invented. It facilitates asynchronous actions (promises) with synchronous-style syntax

await-to-js

scopsy/await-to-js: Async await wrapper for easy error handling without try-catch

Awaity.js

asfktz/Awaity.js: A functional, lightweight alternative to bluebird.js, built with async / await in mind.

buha.js

flouthoc/buha.js: Browser based Strictly ordered Task Queue for Sync/Async Javascript Functions
buha.js - browser based Strictly ordered Task Queue for Sync/Async Javascript Functions.

deasync

abbr/deasync: Turns async function into sync via JavaScript wrapper of Node event loop
jakwuh/deasync-promise: Transform async functions into sync with promise API

MiguelCastillo/coseq: high order functions for JavaScript async/sync iterators
proxy-m/fibersync: fibersync - Callbacks and promises simplification for Node.js with synchronized+asyncawait (by fibers, bluebird and lodash)
devlato/async-wait-until: Waits for the given callback to return a truthy value, with a convenient Promise API
duziten/await-to-decorater: Async/await decorater for easy error handling in js, inspired by await-to-js

#H-N

metasync

metarhia/metasync: Asynchronous Programming Library for JavaScript & Node.js

mono-js/mono-utils: Node.js utils to deal with async/await

#O-T

run-async

SBoudrias/run-async: Utility method to run function either synchronously or asynchronously using the common `this.async()` style.

#U-Z

DawnImpulse/wait-loop: Helps synchronizing each async loop call of an array (without promise).

#async/await 资源、整理集&FAQ

async/await 资源

JavaScript Async/Await Explained in 10 Minutes - Tutorialzine

async/await 整理集

async/await FAQ

error-handling

Async Functions in JavaScript | www.thecodebarbarian.com
如何优雅地处理 Async / Await 的异常?
如何在使用async & await 时优雅的处理异常
async/await 优雅的错误处理方法
现场教学,优雅地处理基于 Vue CLI 项目中的 async await 异常

JS task到底是怎么运行的 · Issue #4 · rhinel/blog-word
fe/2017-12-07-await-vs-return-vs-return-await.md at master · dev-reading/fe
8张图让你一步步看清 async/await 和 promise 的执行顺序 - 掘金
【译】JavaScript的工作原理:事件循环及异步编程的出现和 5 种更好的 async/await 编程方式 - 掘金
细说 async/await 相较于 Promise 的优势 - 掘金
async/await 优雅的错误处理方法 - 掘金
[译] JavaScript - Generator-Yield/Next 和 Async-Await - 掘金
从生成器到async/await - 掘金
JS异步编程之async&await - 掘金
JS 异步编程六种方案 - 掘金
手写async await的最简实现(20行搞定)面试必考! - 掘金
前端er,你真的会用 async 吗? - 掘金
vue中async-await的使用误区 - 掘金
谈一谈几种处理 JavaScript 异步操作的办法 - 掘金
[译] 如何在实际开发案例中掌握 Async/Await - 掘金
结合 async 异步函数 - 提高 Promise 的易用性 - 掘金
[译] JavaScript 异步演进史,从 Callbacks, Promises 到 Async/Await - 掘金
async/await 原理及执行顺序分析 - 掘金
嘿,不要给 async 函数写那么多 try/catch 了
async/await的使用以及注意事项 - OrangeJ - CSDN博客
理解 async/await - 超人前端之路 - SegmentFault 思否
理解 JavaScript 的 async/await - 边城客栈 - SegmentFault 思否
8张图帮你一步步看清 async/await 和 promise 的执行顺序 - 前端进阶 - SegmentFault 思否
用 async/await 来处理异步 - SamWeb - 博客园
如何优雅地处理Async/Await的异常? - Fundebug - 博客园
如何正确使用async/await?
Async/Await替代Promise的6个理由 | Fundebug博客 - 一行代码搞定BUG监控 - 网站错误监控|JS错误监控|资源加载错误|网络请求错误|小程序错误监控|Java异常监控|监控报警|Source Map|用户行为|可视化重现
在 JS 循环中正确使用 async 与 await_sanstu的博客-CSDN博客

¥Generator

#Generator core

sebmarkbage/ecmascript-generator-expression: Proposal for do Generator Expressions in ECMAScript. Work in progress. Edit Add topics
Generator 函数的语法 - ECMAScript 6入门

#Generator libs、plugins&tools

node-fibers

laverdet/node-fibers: Fiber/coroutine support for v8 and node.

#Generator 资源、整理集&FAQ

从Generator入手读懂co模块源码
Es6 generator浅入浅出 - 掘金
浅谈ES6中迭代器和生成器 - 掘金
JS异步编程之Generator - 掘金
Generator 基础指南 - 掘金
Generator函数简单记录 - 掘金
面试之generator - 掘金
迭代器(iterator)与生成器(generator) - 掘金
利用Generator实现按顺序执行异步操作 - 掘金
ES6 Generator 教程 - 掘金
Generator函数语法解析 - 掘金
ES6系列之Generator生成器全解析 - 掘金
async 函数与 Generator 与co模块 - 掘金

¥Promise

#Promise core

Promises/A+
liubin/promises-book: JavaScript Promise迷你书
Promise - JavaScript | MDN
使用 Promises - JavaScript | MDN
Promise - JavaScript | MDN
Promise - 廖雪峰的官方网站
.promise() | jQuery API中文文档(适用jQuery 1.0 - jQuery 3.1)
Promise 对象 - ECMAScript 6入门
JavaScript Promise:简介  |  Web  |  Google Developers
.promise() | jQuery API Documentation
Promises
deferred.always() | jQuery API中文文档(适用jQuery 1.0 - jQuery 3.1)
jQuery.when() | jQuery API Documentation
JavaScript Promise迷你书(中文版)

#Promise libs、plugins&tools

#A-G

bluebird

petkaantonov/bluebird: Bluebird is a full featured promise library with unmatched performance.
Getting Started | bluebird

es6-promise

stefanpenner/es6-promise: A polyfill for ES6-style Promises

cnwhy/extend-promise: 基于promise扩展一些常用方法
jinjor/batch-runner: A promise utility for batching
rxaviers/async-pool: Run multiple promise-returning & async functions with limited concurrency using native ES6/ES7

#H-N

#is promise

then/is-promise: Test whether an object looks like a promises-a+ promise
sindresorhus/p-is-promise: Check if something is a promise

microjs-q

npmcomponent/microjs-q

#O-T

#promisify

pify

sindresorhus/pify: Promisify a callback-style function

promisify · GitHub Topics
overlookmotel/promisify-any: Promisify any of: callback function, sync function, generator function, promise-returning function

#synchronized promise

Yukaii/synchronized-promise: Turn ES6 Promise into synchronize function call, a simple wrapper of deasync package
paldepind/sync-promise: Compact synchronized promise implementation. Promises/A+ incompliant. Works inside IdexedDB transactions.
fisker/promise-synchronizer: synchronize promise
fluffynuts/synchronous-promise: A prototypical animal which looks like an A+ Promise but doesn't defer immediately, so can run synchronously, for testing

promise-fun

sindresorhus/promise-fun: Promise packages, patterns, chat, and tutorials

promise-queue

promise-queue/promise-queue: Promise-based queue
cnwhy/promise-queue-plus: Promise-based queue. Support timeout, retry and so on.

q

kriskowal/q: A promise library for JavaScript
q - npm
kriskowal/q

redgeoff/squadron: Synchronize, throttle and debounce promises
sindresorhus/p-event: Promisify an event by waiting for it to be emitted
sindresorhus/p-map: Map over promises concurrently
sindresorhus/p-all: Run promise-returning & async functions concurrently with optional limited concurrency
sindresorhus/p-filter: Filter promises concurrently
sindresorhus/p-times: Run promise-returning & async functions a specific number of times concurrently
sindresorhus/p-props: Like `Promise.all()` but for `Map` and `Object`
sindresorhus/p-map-series: Map over promises serially
sindresorhus/p-queue: Promise queue with concurrency control
m0ppers/promise-any: Promise.any() implementation
sindresorhus/p-any: Wait for any promise to be fulfilled

#U-Z

vow

dfilatov/vow: ES6-compatible and Promises/A+ implementation for Node.js and browsers
dfilatov/vow-fs: Vow-based file I/O for Node.js
dfilatov/vow-node: Extension for Vow to work with nodejs-style callbacks
dfilatov/vow-queue: Vow-based task queue
nodules/vow-asker: Vow promises wrapper on top of Asker API

when

cujojs/when: A solid, fast Promises/A+ and when() implementation, plus other async goodies.

promises · GitHub Topics

#Promise 资源、整理集&FAQ

Promise 资源

.always

OsoianMarcel/promise-all-always: Execute all the promises whether they resolve or reject
hybridables/always-promise: Promisify, basically, everything. Generator function, callback-style or synchronous function; sync function that returns child process, stream or observable; directly passed promise, stream or child process.
hybridables/always-done: Handle completion and errors with elegance! Support for async/await, promises, callbacks, streams and observables. A drop-in replacement for async-done - pass 100% of its tests plus more
wendux/es6-promise-always: Extend method always for es6 Promise object

Promise 整理集

promise常见错误 - 掘金
Javascript中Promise的四种常用方法总结_javascript技巧_脚本之家

Promise FAQ

jQuery的deferred对象详解 - 阮一峰的网络日志
ES6 JavaScript Promise的感性认知 « 张鑫旭-鑫空间-鑫生活
javascript - Get which promise completed in Promise.race - Stack Overflow
手撕 Promise
手写实现满足 Promise/A+ 规范的 Promise - 掘金
老生常谈-实现一个Promise - 掘金
原生es5封装的Promise对象 - 掘金
深入 Promise - 掘金
ES6 Promise 执行解析 - 掘金
JS异步编程之Promise - 掘金
前端异步技术之Promise - 掘金
如何用 Promise 自定义一个 GET 请求的函数 - 掘金
记一次Promise在api接口合并中的实践 - 掘金
Promise 其实很简单 - 掘金
Promise源码解析-步步为营皆可及 - 掘金
JS异步编程之Promise详解和使用总结 - 掘金
Promise源码解析-步步为营皆可及 - 掘金
我如何实现Promise - 掘金
这一次,彻底弄懂 Promise 原理 - 掘金
ES6 Promise 用法讲解 - 掘金
一步步教你实现Promise/A+ 规范 完整版 - 掘金
最简实现Promise,支持异步链式调用(20行) - 掘金
进来看看ES6 Promise最全手写实现 - 掘金
ES6 Promise 用法(我见过最简洁优秀的文章) - CSDN博客
构建Promise队列实现异步函数顺序执行 - vcxiaohan的博客 - CSDN博客
Promise初步详解(resolve,reject,catch) - selfimpr626 - CSDN博客
浅析Promise用法 - 简书
武官尚书 - SegmentFault 思否
谈谈 ES6 的 Promise 对象 - ac黄博客精选 - SegmentFault 思否
Promise里在延时器里throw new Error,为什么不能被后面的reject回调或者catch捕获? - 竹晓玉的回答 - SegmentFault 思否
promises 很酷,但很多人并没有理解就在用了 - WEB前端 - 伯乐在线
大白话讲解Promise(三)搞懂jquery中的Promise - 吕大豹 - 博客园
jquery 之 Deferred 使用与实现 - 冠军 - 博客园
jQuery之Deferred对象详解 - losesea - 博客园
使用 Promises 编写更优雅的 JavaScript 代码 - 梦想天空(山边小溪) - 博客园
彻底理解Promise对象——用es5语法实现一个自己的Promise(上篇) - 勇敢的半导体 - 博客园
es5实现promise,多异步请求返回数据 - muamaker - 博客园
关于promise(一) - chenxj - 博客园
关于 promise 吃到错误的理解 - 另一个小菜头 - 博客园
js在for循环中执行异步操作,把每次异步的结果保存在数组中,如何在循环外面使用数组? - 开源中国社区
刘涛的个人小站
promise、async和await之执行顺序的那点事
(2 封私信 / 42 条消息) 关于promise输出顺序的疑问? - 知乎
then, catch, finally如何影响返回的Promise实例状态

¥异步JavaScript和XML(Asynchronous JavaScript and XML,Ajax)

AJAX core

AJAX frameworks、libs、plugins&tools

ajax-hook

wendux/Ajax-hook: Intercepting browser's AJAX requests which made by XMLHttpRequest.
Ajax-hook 原理解析 - 简书
Js 拦截全局ajax请求 - 简书

ajaxmin

Microsoft Ajax Minifier - CodePlex Archive

GlobalAjaxListener

ulyn/GlobalAjaxListener: 监听页面全局ajax请求的插件,可以做很多的事情~

pjax

welefen/pjax: ajax + history.pushState = pjax
xixifeng/pjaxpage: Pagination controls solution for pjax. pushState + ajax = pjax.
defunkt/jquery-pjax: pushState + ajax = pjax
pjaxpage: Pagination controls solution for pjax. pushState + ajax = pjax.
pjax
jQuery pjax 应用简单示例 - 个人文章 - SegmentFault 思否
通过pjax实现无刷新翻页(兼容新版jquery)_jquery_脚本之家
jQuery+pjax简单示例汇总 - 疯子110 - 博客园
jquery.pjax | BootCDN - Bootstrap 中文网开源项目免费 CDN 加速服务
PJAXPage首页、文档和下载 - 基于 jQuery 的分页工具 - 开源中国
jQuery.pjax.js使用AJAX和pushState无刷新加载网页 - 插件脚本 - 问说网
jquery.pjax.js bug问题解决集锦 - 好库文摘

AJAX 资源、整理集&FAQ

AJAX 资源

jQuery ajax

jQuery.ajaxSetup() | jQuery API中文文档(适用jQuery 1.0 - jQuery 3.3.1)
jQuery.ajax() | jQuery API中文文档(适用jQuery 1.0 - jQuery 3.3.1)
jQuery Ajax 全解析-WEB前端开发
Jquery Post提交时Content-Type的不同取值详解 - CSDN博客
jquery.ajax之beforeSend方法(解决进度条, "请稍后"提示等……) - CSDN博客
AJAX:success,error,complete,beforeSend使用例子及解释 - CSDN博客
$.ajax({})方法success,error,complete,beforeSend使用例子及解释 - CSDN博客
jquery ajax中success与complete的执行顺序 - CSDN博客
jquery四种请求方式 - CSDN博客
表单和ajax中的post请求&&后台获取数据方法(深度好文) - CSDN博客
使用POST请求跳转页面 - CSDN博客
ajax取到data的值 - CSDN博客
在jquery的ajax方法中的success中使用return要注意的问题 - CSDN博客
jQuery Ajax 设置请求头 - CSDN博客
jquery ajax设置header的两种方式 - CSDN博客
jquery ajax获取全局beforeSend方法问题-CSDN论坛
jquery ajax contentType 简单实用 - 痕迹 - CSDN博客
javascript - 如何在网页中POST任意内容并跳转 - SegmentFault 思否
jQuery ajax——参数详解 - 简书
jQuery ajaxSubmit 实现ajax提交表单局部刷新_jquery_脚本之家
jQuery在header中设置请求信息的方法_jquery_脚本之家
jquery ajax 方法及各参数详解 - high_grade - 博客园
AJAX状态值与状态码 - G.N&K - 博客园
ajax post data 获取不到数据,注意 content-type的设置 、post/get - Vinton.Liu - 博客园
$.ajax 中的contentType - htoooth - 博客园
jQuery中Ajax事件beforesend及各参数含义 - 午时的海 - 博客园
jquery ajax 方法及各参数详解 - jayleke - 博客园
触碰jQuery:AJAX异步详解 - 滴答的雨 - 博客园
jQuery Ajax 实例 全解析 - 吊儿郎当 - 博客园
jQuery之Ajax--全局Ajax事件处理器 - 王甘林 - 博客园
ajax系列之用jQuery的ajax方法向服务器发出get和post请求 - yangtoude - 博客园
jQuery Ajax 实例 全解析 - 吊儿郎当 - 博客园
jQuery.ajax() 函数详解 - CodePlayer
$.ajax的error,complete,success方法 - 郑星阳 - ITeye博客
ajax与HTML5 history pushState/replaceState实例 « 张鑫旭-鑫空间-鑫生活
$.ajax().always() or $.ajax().complete() - jQuery Forum
使用JQuery Deferred对象的then() 解决多个AJAX操作顺序依赖的问题 - CSDN博客
AJAX知识总结 - CSDN博客
原生ajax中post方式数据传递方式 - CSDN博客
关于ajax异步获取服务器信息乱码情况 - CSDN博客
ajax获取数据中文乱码问题最简单的完美解决方案 - CSDN博客
Cross-Origin Resource Sharing (CORS)跨域资源共享 - CSDN博客
AJAX请求 $.ajaxSetup方法的使用 - pursuer211的专栏 - CSDN博客
$.ajax()引发的对Deferred的总结 - 思思博士 - 博客园
总结Ajax同步执行的方法 - 永远都要奋斗 - 博客园
jquery的ajax的dataFilter参数的使用
jquery ajax作为deferred对象如何触发progress?..._慕课问答
ajax请求二进制流图片并渲染到html中img标签 - CSDN博客
ajax实战:(ajax异步下载文件)请求二进制流进行处理 - CSDN博客
ajax获取后台图片数据流如何处理? - Gemini_llw的博客 - CSDN博客
Ajax请求无法下载文件的原因 - 大头之家 - CSDN博客
Ajax请求二进制流进行处理(ajax异步下载文件)的简单方法_AJAX相关_脚本之家
关于ajaxFileUpload图片上传,success和error都触发的情况 - 安慕希 - 博客园
Ajax方式上传文件 - jiangxiaobo - 博客园
使用ajax提交form表单,包括ajax文件上传 - 朱小杰 - 博客园
input type=file accept中可以限制的文件类型 - 每天进步多一点 - 博客园
文件各种上传,离不开的表单 - 农码一生 - 博客园

Ajax详解(手写jq和axios部分实现) - 掘金
AJAX原理(含常见面试题) - 掘金
Ajax 通过城市名获取数据(全国天气预报API)_AJAX相关_脚本之家

AJAX 整理集

《[ 造轮子 ] 手动封装 AJAX》

[ 造轮子 ] 手动封装 AJAX (一) —— 基础版 - 掘金
[ 造轮子 ] 手动封装 AJAX (二) —— ES6 版 - 掘金
[ 造轮子 ] 手动封装 AJAX (三) —— 最终版 - 掘金

《再也不学AJAX了》

再也不学AJAX了!(一)AJAX概述 - 掘金
再也不学AJAX了!(二)使用AJAX - 掘金
再也不学AJAX了!(三)跨域获取资源 ② - JSONP & CORS - 掘金

Ajax技术的一些总结 - 掘金
原生Ajax的代码实现及状态码总结 - CSDN博客
AJAX请求时status返回状态明细表 - 我爱吃小丸子 - 博客园
jquery post时content-type的几种取值 - 郑星阳 - ITeye博客
XMLHTTPRequest状态status完整列表 | 异萝松的技术博客

AJAX FAQ

数据缓存

在ie中关于ajax请求获得数据缓存问题的解决办法 - 岚枫 - CSDN博客
解决IE下Ajax请求无效 - andywangguanxi - 博客园
谈谈IE针对Ajax请求结果的缓存 - Artech - 博客园

自定义input type=file 样式 美化input type=file 改变input type=file控件“丑陋面貌” - CSDN博客
XMLHttpRequest 的 responseType 属性 - yudldl的博客 - CSDN博客
jQuery+ajax实现局部刷新的两种方法_jquery_脚本之家
js中XMLHttpRequest对象实现GET、POST异步传输 - 猿客 - 博客园
javascript快速入门23--XHR—XMLHttpRequest对象 - 水之原 - 博客园
如何用 GET 方法,提交一个数组_百度知道

mz

normalize/mz: modernize node.js to current ECMAScript standards

rsvp.js

tildeio/rsvp.js: A lightweight library that provides tools for organizing asynchronous code

⭐️🎀 JavaScript Visualized: Promises & Async/Await - DEV
js的三种异步处理 - 掘金
ES6 中的 三种异步解决方案 - 掘金
异步编程解决方案全集—promise、generator+co、async+await - 掘金
JS 高级之手写一个Promise,Generator,async和 await【近 1W字】 - 掘金
形象解密Promise、Generator 函数、Async 函数三者之间的关系(上) - 掘金
生动形象解密Promise、Generator 函数、Async 函数三者之间的关系(下) - 掘金
异步编程二三事 | Promise/async/Generator实现原理解析 | 9k字 - 掘金
Vue初学自用async/await风格api封装(fetch,axios,api,Vue,promis.all) - 掘金
总结javascript处理异步的方法 - 掘金
JS 异步编程六种方案
如何实现一个LazyMan? - 知乎
「译」理解Javascript的异步
Promise/async/Generator实现原理解析

¥前端算法与数据结构

#前端算法与数据结构 core

#前端算法

深度优先&广度优先

深度优先搜索的理解与实现 - 掘金

字典树

hh54188/search-trie-tree

视频标签算法

看过上百部片子的这个人教你视频标签算法解析 - 掘金

二叉搜索树

算法篇 - 二叉搜索树 - 掘金
二叉树前中后序遍历非递归实现(JavaScript) - 掘金
数据结构:二叉查找树
TypeScript实现二叉搜索树
JavaScript 实现简单二叉查找树

色板生成算法

Ant Design 色板生成算法演进之路 | YMFE

排序算法

hustcc/JS-Sorting-Algorithm: 一本关于排序算法的 GitBook 在线书籍 《十大经典排序算法》,使用 JavaScript & Python & Go & Java 实现。
MisterBooo/Play-With-Sort-OC: 基础排序 冒泡排序 插入排序 快速排序 双路快速排序 三路快速排序 堆排序
sort.hust.cc
重温前端10大排序算法(长文建议收藏) - 掘金
丰富图例讲解十大经典排序算法 | 面试必备 - 掘金
五分钟学会一个高难度算法:快速排序 - 掘金
五分钟学算法之经典算法题:排序算法(360校招笔试题) - 掘金
五分钟学会一个很有用的排序:归并排序 - 掘金
五分钟学会一个有意思的排序:计数排序 - 掘金
五分钟看懂一个高难度的排序:堆排序 - 掘金
五分钟学会一个高难度算法:希尔排序 - 掘金
JS冒泡排序的6种写法 - 掘金
基础排序算法总结【JavaScript实现】
Jquery对Table表格排序(方法一) - CSDN博客
jquery对table表格操作(方法二) - CSDN博客
十大经典排序算法的 JavaScript 实现 - 梦想天空(山边小溪) - 博客园

备胎算法(延迟接受算法)

什么是备胎算法? - 掘金

字符串匹配算法

五分钟带你领略: 腾讯半年来出现最频繁的算法之一——字符串解码 - 掘金
漫画:什么是KMP算法?

二分查找

5分钟带你领略:写一个二分查找为什么让面试者挂的这么惨? - 掘金
【算法】二分查找和大O表示法 - 掘金
前端面试官:请使用二分法搜索旋转数组

动态规划(Dynamic programming,DP)

一文搞懂动态规划
这个前端竟然用动态规划写瀑布流布局?给我打死他!
经典动态规划问题:高楼扔鸡蛋 - 知乎
动态规划 - 知乎
高楼扔鸡蛋问题进阶解法 - 知乎
图论动态规划算法——Floyd最短路径
五大常用算法之二:动态规划算法 - 红脸书生 - 博客园

商品多规格选择(SKU)

分分钟学会前端sku算法(商品多规格选择)

图形算法

图形算法(邻接矩阵)

分布式一致性算法

分布式一致性算法,你确定不了解一下

力导向算法

力导向树形图算法的推导与优化

分治算法

五大常用算法之一:分治算法 - 红脸书生 - 博客园

回溯法

五大常用算法之四:回溯法 - 红脸书生 - 博客园

分支限界法

五大常用算法之五:分支限界法 - 红脸书生 - 博客园

贪心算法

五大常用算法之三:贪心算法 - 红脸书生 - 博客园

trekhleb/javascript-algorithms: Algorithms and data structures implemented in JavaScript with explanations and links to further readings
javascript-algorithms/README.zh-CN.md at master · trekhleb/javascript-algorithms

#前端数据结构

链表

【译】2019年JavaScript中的计算机科学:链表 - 掘金
这十几个链表题型面试必考(详细解析) - 掘金

栈与队列

用JavaScript实现栈与队列 - 掘金
JS数据结构学习:栈 - 掘金
队列与双端队列的实现 - 掘金
使用JavaScript的数组实现数据结构中的队列与堆栈 - 孤傲苍狼 - 博客园

JavaScript手写数据结构(链表,BST,堆) - 掘金
数据结构:堆
TypeScript实现二叉堆

二分搜索树(Binary Search Tree,BST)

JavaScript手写数据结构(链表,BST,堆) - 掘金

红黑树

红黑树上红黑果,红黑树下你和我 —— 红黑树入门 | 6k字 - 掘金

JS构建一个树形结构数据

复杂度分析

【小猪佩奇漫画】| 复杂度分析原来那么简单! - 掘金

枚举(enum)

前端为什么要使用枚举 - 掘金

集合

集合的实现

TypeScript实现图

#前端算法与数据结构 资源、整理集&FAQ

#前端算法与数据结构 资源

Search · algo
algorithms · GitHub Topics
algorithm · GitHub Topics
javascript-algorithms · GitHub Topics
data-structures · GitHub Topics
为什么我认为数据结构与算法对前端开发很重要? · Issue #2 · LeuisKen/leuisken.github.io
OBKoro1/Brush_algorithm: 前端算法,求Star⭐️,文档地址 //obkoro1.com/web_accumulate/algorithm/
greyireland/algorithm-pattern: 算法模板,最科学的刷题方式,最快速的刷题路径,你值得拥有~
geekxh/hello-algorithm: 🌍「算法面试+算法知识」针对小白的算法训练 | 还包括:1、阿里、字节、滴滴 百篇大厂面经汇总 2、千本开源电子书 3、百张思维导图 (右侧来个 star 吧 🌹,English version supported)
BruceYuj/algorithm-series-courseware
vipstone/algorithm: 小白学算法系列笔记
gdhucoder/Algorithms4: Algorithms, 4th Edition SOLUTIONS
wangzheng0822/algo: 数据结构和算法必知必会的50个代码实现
mgechev/javascript-algorithms: 💻 JavaScript implementations of computer science algorithms
barretlee/daily-algorithms: 算法,每日练习
算法/数学计算 - 开源软件 - Gitee.com
mfcplot: mfc数学函数曲线绘制程序
milvus: Milvus,为海量特征向量的近似最近邻搜索(ANNS)而设计。相比 Faiss 和 SPTAG 这样的算子库,Milvus 提供完整的向量数据更新,索引与查询框架。Milvus 利用 GPU(Nvidia)进行索引加速与查询加速,能大幅提高单机性能
OneFLOW: mirror of OneFLOW on github(https://github.com/eric2003/OneFLOW),国产高性能开源CFD(计算流体力学)模拟软件。
CKeditor编辑器数学公式插件: 基于CKeditor编辑器的可视化的数学公式编辑器,可以返回数学公式。
ShortestPathFindingAlgorithm: 基于Dijkstra算法的最短路径查找(swing,GUI,图形化动态效果,含有向图、无向图)
Big-O Algorithm Complexity Cheat Sheet (Know Thy Complexities!) @ericdrowell
程序员必须掌握哪些算法? - 知乎
程序员必须掌握哪些算法? - 知乎
程序员必须掌握哪些算法? - 知乎
LeetCode按照怎样的顺序来刷题比较好? - 知乎
奥利给 | 小浩算法

#前端算法与数据结构 整理集

《JS 数据结构解析和算法实现》

【从蛋壳到满天飞】JS 数据结构解析和算法实现-二分搜索树(一) - 掘金
【从蛋壳到满天飞】JS 数据结构解析和算法实现-二分搜索树(二) - 掘金
【从蛋壳到满天飞】JS 数据结构解析和算法实现-链表与递归 - 掘金
【从蛋壳到满天飞】JS 数据结构解析和算法实现-链表 - 掘金
【从蛋壳到满天飞】JS 数据结构解析和算法实现-栈和队列 - 掘金
【从蛋壳到满天飞】JS 数据结构解析和算法实现-Arrays(数组) - 掘金
【从蛋壳到满天飞】JS 数据结构解析和算法实现-红黑树(一) - 掘金
【从蛋壳到满天飞】JS 数据结构解析和算法实现-红黑树(二) - 掘金
【从蛋壳到满天飞】JS 数据结构解析和算法实现-AVL树(一) - 掘金
【从蛋壳到满天飞】JS 数据结构解析和算法实现-AVL树(二) - 掘金
【从蛋壳到满天飞】JS 数据结构解析和算法实现-并查集(一) - 掘金
【从蛋壳到满天飞】JS 数据结构解析和算法实现-并查集(二) - 掘金
【从蛋壳到满天飞】JS 数据结构解析和算法实现-Trie字典树 - 掘金
【从蛋壳到满天飞】JS 数据结构解析和算法实现-线段树 - 掘金
【从蛋壳到满天飞】JS 数据结构解析和算法实现-堆和优先队列(一) - 掘金
【从蛋壳到满天飞】JS 数据结构解析和算法实现-堆和优先队列(二) - 掘金
【从蛋壳到满天飞】JS 数据结构解析和算法实现-集合和映射 - 掘金
【从蛋壳到满天飞】JS 数据结构解析和算法实现-哈希表 - 掘金

《浅解前端必须掌握的算法》

浅解前端必须掌握的算法(一):冒泡排序 - 掘金
浅解前端必须掌握的算法(二):简单选择排序 - 掘金
浅解前端必须掌握的算法(三):直接插入排序 - 掘金
浅解前端必须掌握的算法(四):希尔排序 - 掘金
浅解前端必须掌握的算法(五):堆排序(上) - 掘金
浅解前端必须掌握的算法(五):堆排序(下) - 掘金

《看图轻松理解数据结构和算法系列》

远洋号
远洋号
远洋号
远洋号
远洋号
远洋号
远洋号
远洋号
远洋号
远洋号
远洋号
远洋号
远洋号
远洋号
远洋号
看图轻松理解数据结构与算法系列(合并排序)
远洋号
远洋号
看图轻松理解数据结构与算法系列(Radix树)
远洋号
远洋号
远洋号
远洋号
远洋号
远洋号

《前端进阶算法》

前端进阶算法1:如何分析、统计算法的执行效率和资源消耗? - 掘金
前端进阶算法2:从Chrome V8源码看JavaScript数组(附赠腾讯面试题) - 掘金
前端进阶算法3:从浏览器缓存淘汰策略和Vue的keep-alive学习LRU算法 - 掘金
前端进阶算法4:链表原来如此简单(+leetcode刷题) - 掘金
前端进阶算法5:全方位解读前端用到的栈结构(+leetcode刷题) - 掘金
前端进阶算法6:一看就懂的队列及配套算法题 - 掘金
前端进阶算法7:小白都可以看懂的树与二叉树 - 掘金
前端进阶算法8:头条正在面的哈希表问题 - 掘金
前端进阶算法9:看完这篇,再也不怕堆排序、Top K、中位数问题面试了
前端进阶算法:常见算法题及完美题解 - 掘金
前端进阶算法:别再说你不懂topk问题了 - 掘金
瓶子君前端进阶算法营首周总结 - 掘金

《数据结构与算法》

【数据结构与算法】如何高效学习数据结构与算法 - 掘金
【数据结构与算法】分析时间与空间复杂度 - 掘金
【数据结构与算法】用动图解说数组、链表、跳表原理与实现 - 掘金
【数据结构与算法】力扣实战之移动零、盛最多的水、爬楼梯 - 掘金
数据结构与算法-学习之路-开篇
数据结构与算法-时间,空间复杂度分析
数据结构与算法-深入浅出数据结构
数据结构与算法-如何自己动手实现一个java.util.ArrayList
数据结构与算法-如何手动实现一个java.util.LinkedList
数据结构与算法-如何在编译器语法检查中匹配括号
数据结构与算法-设计一个双端循环队列
数据结构与算法-java.util.HashMap源码分析

《数据结构与算法系列》

数据结构与算法系列——查找(一)
数据结构与算法系列——查找(二)之BST树
数据结构与算法系列——查找(三)之AVL树

《算法与数据结构》

「算法与数据结构」链表的9个基本操作
「算法与数据结构」梳理6大排序算法
「算法与数据结构」DFS和BFS算法之美
「算法与数据结构」一张脑图带你看动态规划算法之美
「算法与数据结构」带你看哈希算法之美
「算法与数据结构」带你看回溯算法之美
「算法与数据结构」分治算法之美
「算法与数据结构」Trie树之美
「算法与数据结构」二叉树之美
「算法与数据结构」你可能需要的一份前端算法总结

《几乎刷完了力扣所有的***题,我发现了这些东西》

几乎刷完了力扣所有的树题,我发现了这些东西。。。
几乎刷完了力扣所有的链表题,我发现了这些东西。。。
几乎刷完了力扣所有的堆题,我发现了这些东西
几乎刷完了力扣所有的链表题,我发现了这些东西。。。 | lucifer的网络博客
几乎刷完了力扣所有的堆题,我发现了这些东西。。。(第二弹)

《数据结构》

数据结构 | 并查集 & 联合 - 查找算法
数据结构 | 微博 Top 10 热搜是怎么计算出来的?(二叉堆)

gatieme/CodingInterviews: 剑指Offer——名企面试官精讲典型编程题
最全排序算法——助力你拿到心仪的 offer - 掘金
一篇搞定前端高频手撕算法题(36道)
JavaScript数据结构与算法_专题_脚本之家
JavaScript数学运算_专题_脚本之家
JavaScript遍历算法与技巧_专题_脚本之家
JavaScript查找算法_专题_脚本之家
目录 - 面试助力,算法 101:JavaScript 描述
算法学习笔记(目录) - 知乎
算法学习笔记 - 知乎
算法

#前端算法与数据结构 FAQ

#查询

js精准查询与模糊查询,总有一种适合你的需求 - 掘金
嗯,查询滑动窗口最大值的这4种方法不错...

聊聊前端排序的那些事 | EFE Tech
Data structures reference, for coding interviews and computer science classes | Interview Cake
比较JavaScript中的数据结构(数组与对象)
(1.8w字)负重前行,前端工程师如何系统练习数据结构和算法?【上】
图解数据结构(开篇)
[浅析]特定场景下取代if-else和switch的方案 - 掘金
补充一个替代 for 循环的新姿势 - 掘金
前端也来点算法(TS版) | 1 - LRU Cache - 掘金
前端也来点算法(TypeScript版) | 2 - 回文数和回文链表 - 掘金
5分钟带你领略:分治算法用到极限是什么样子? - 掘金
5分钟带你领略:某跳动公司面试出镜率最高的算法之一——虚拟十叉树建模问题 - 掘金
js基本搜索算法实现与170万条数据下的性能测试 - 掘金
前端算法渣的救赎之路🚀
「算法思想」分治、动态规划、回溯、贪心一锅炖 - 掘金
「算法思想」分治、动态规划、回溯、贪心一锅炖 - 掘金
可视化算法网站汇总,从此简单学算法!(附动图)
尺取法---解决带关键字:"连续、最、子"问题---Javascript实现
求字符串的全排列
前端常见算法的JS实现 - 每天学点前端开发 - SegmentFault 思否
实用算法解析 - 前缀和 - 前端路漫漫 - SegmentFault 思否
程序员必须掌握哪些算法? - 知乎
【js】常用的一些基础算法 | 师峰的博客

¥设计模式

《JavaScript设计模式与开发实践》

《JavaScript设计模式与开发实践》最全知识点汇总大全 - 掘金
《JavaScript设计模式与开发实践》基础篇(1)—— this、call 和 apply - 掘金
《JavaScript设计模式与开发实践》基础篇(2)—— 闭包和高阶函数 - 掘金
《JavaScript设计模式与开发实践》模式篇(1)—— 单例模式 - 掘金
《JavaScript设计模式与开发实践》模式篇(2)—— 策略模式 - 掘金
《JavaScript设计模式与开发实践》模式篇(3)—— 代理模式 - 掘金
《JavaScript设计模式与开发实践》模式篇(4)—— 迭代器模式 - 掘金
《JavaScript设计模式与开发实践》模式篇(5)—— 观察者模式 - 掘金
《JavaScript设计模式与开发实践》模式篇(6)—— 命令模式 - 掘金
《JavaScript设计模式与开发实践》模式篇(7)—— 组合模式 - 掘金
《JavaScript设计模式与开发实践》模式篇(8)—— 模板方法模式 - 掘金
《JavaScript设计模式与开发实践》模式篇(9)—— 享元模式 - 掘金
《JavaScript设计模式与开发实践》模式篇(10)—— 职责链模式 - 掘金
《JavaScript设计模式与开发实践》模式篇(11)—— 中介者模式 - 掘金
《JavaScript设计模式与开发实践》模式篇(12)—— 装饰者模式 - 掘金
《JavaScript设计模式与开发实践》模式篇(13)—— 状态模式 - 掘金
《JavaScript设计模式与开发实践》模式篇(14)—— 适配器模式 - 掘金
《JavaScript设计模式与开发实践》原则篇(1)—— 单一职责原则 - 掘金
《JavaScript设计模式与开发实践》原则篇(2)—— 最少知识原则 - 掘金
《JavaScript设计模式与开发实践》原则篇(3)—— 开放-封闭原则 - 掘金

《JS设计模式》

JS设计模式一:工厂模式 - 掘金
jS设计模式二:单例模式 - 掘金
JS设计模式三:模块模式 - 掘金
JS设计模式四:代理模式 - 掘金
JS设计模式五:职责链模式 - 掘金
JS设计模式六:策略模式 - 掘金
JS设计模式七:发布-订阅模式 - 掘金

《每天一个设计模式》

每天一个设计模式之责任链模式 - 掘金
每天一个设计模式之享元模式 - 掘金
每天一个设计模式之组合模式 - 掘金
每天一个设计模式之命令模式 - 掘金
每天一个设计模式之订阅-发布模式 - 掘金
每天一个设计模式·迭代器模式 - 掘金
每天一个设计模式·代理模式 - 掘金
每天一个设计模式·策略模式 - 掘金
每天一个设计模式之单例模式 - 掘金
每天一个设计模式之装饰者模式 - 掘金

JavaScript设计模式es6(23种) - 掘金
小白设计模式:组合模式 - 掘金
在JavaScript中理解策略模式 - 掘金
JavaScript 常见设计模式 - 掘金
在JavaScript中理解组合模式 - 掘金
15分钟带你了解前端工程师必知的javascript设计模式(附详细思维导图和源码) - 掘金
框架源码中用来提高扩展性的设计模式
史上最全的JS设计模式(一)
前端进阶之路:1.5w字整理23种前端设计模式
结合TypeScript,来讲前端人用的设计模式(Design pattern)
史上最全的JS设计模式(一)
史上最全的JS设计模式(二)
JavaScript-观察者模式(publish/subscribe) - CSDN博客
(...) 前端需要了解的9种设计模式 - 半路出家老菜鸟 - SegmentFault 思否
在JavaScript中尝试组合模式 | 夜曉宸
常用设计模式有哪些?
1W字图解23种设计模式(TypeScript版)——前端切图崽必修内功心法

JavaScript 指南 | MDN
命令式、声明式、面向对象、函数式、控制反转之华山论剑(上) - 掘金
命令式、声明式、函数式、面向对象、控制反转之华山论剑(下) - 掘金

关于 MDN - MDN项目 | MDN

$JS frameworks

$3D框架

tensorspace

tensorspace-team/tensorspace: Neural network 3D visualization framework, build interactive and intuitive model in browsers, support pre-trained deep learning models from TensorFlow, Keras, TensorFlow.js
TensorSpace.js

3分钟打开Web 3D图形学的大门 - 掘金

$angularJS&angular

angularJS&angualar core

¥angularJS&angualar 服务端渲染(SSR)

@ng-toolkit

maciejtreder/ng-toolkit: Angular tool-box! Start your PWA in two steps! Add Serverless support for existing projects and much more

Angular - Angular Universal:Angular 统一平台简介
Angular - Server-side rendering (SSR) with Angular Universal

¥core

Angular
angular/angular.js: AngularJS - HTML enhanced for web apps!
angular/angular: One framework. Mobile & desktop.
Issues · angular/angular.js
Angular
一套框架,多种平台 - Angular
AngularJS — Superheroic JavaScript MVW Framework
Quickstart - ts - QUICKSTART
https://code.angularjs.org
Angular
AngularJS中文网
Angular
首页 - AngularJS Nice Things
AngularJS: Developer Guide: Migrating from 1.0 to 1.2
ng-book 2: The Complete Book on Angular 2
Angular中文社区 | Angular中文社区
Angular中文社区 | Angular中文社区
Angular中文社区 | Angular中文社区
Angular (web framework) - Wikipedia
Angular 2 - [ 前端知识库 ]
AngularJS 教程 | 菜鸟教程
AngularJS 教程 | 菜鸟教程
Angular 2 教程 | 菜鸟教程
Angular 中文开发手册 - 开发者手册 - 云+社区 - 腾讯云

¥router

angular/router: The Angular 1 Component Router

NG-CONF 2020

angularJS&angular components&libs

¥angular-component

toddmotto/angular-component: Fully featured .component() polyfill for Angular v1.3+

¥angular 上传&下载

#angular上传

angular-dragdrop

codef0rmer/angular-dragdrop: Implementing jQueryUI Drag and Drop functionality in AngularJS (with Animation) is easier than ever
angular-dragdrop/angular-dragdrop: Angular HTML5 Drag and Drop directive written in pure js with no dependency on JQuery.
Drag and Drop for AngularJS
Angular Drag and Drop

ngx-filepond

pqina/ngx-filepond: 🔌 A handy FilePond adapter component for Angular

¥chart

gantt

angular-gantt/angular-gantt: Gantt chart component for AngularJS
dalestone/angular2-gantt: A gantt library written in angular
Angular Gantt - Gantt chart component for AngularJS

g1eb/angular-calendar-heatmap: 📊 Angular directive for d3.js calendar heatmap graph

¥event

ngx-dropzone-wrapper

zefoy/ngx-dropzone-wrapper: Angular wrapper library for Dropzone

¥form&table

#angularJS&angular 密码强度

angular-material-extensions/password-strength: Angular UI library to illustrate and validate a password's strength with material design - Angular V9 supported
subarroca/ng-password-strength: Password strength directive for angular
rnadler/ng2-password-strength-bar: Angular 2/4/5 Password Strength Bar

angular-formly

formly-js/angular-formly: JavaScript powered forms for AngularJS
angular-formly

angular-drag-and-drop-lists

marceljuenemann/angular-drag-and-drop-lists: Angular directives for sorting nested lists using the HTML5 Drag & Drop API

angular-datepicker

720kb/angular-datepicker: Angularjs datepicker module, generate a datepicker on your input element - https://720kb.github.io/angular-datepicker

angular-w5c-validator

why520crazy/angular-w5c-validator: a simple plugin for angular form validation
w5cValidator - Angular js

angular-formio

formio/angular-formio: JSON powered forms for Angular

angular-schema-form

json-schema-form/angular-schema-form: Generate forms from a JSON schema, with AngularJS!

ajsf

hamzahamidi/ajsf: Angular JSON Schema Form

angular2-json-schema-form

dschnelldavis/angular2-json-schema-form: Angular 2 JSON Schema Form builder

json-formatter

mohsen1/json-formatter: Angular directive for collapsible JSON in HTML

ngx-formly

ngx-formly/ngx-formly: JSON powered / Dynamic forms for Angular

ngx-schema-form

guillotinaweb/ngx-schema-form: HTML form generation based on JSON Schema

¥router

ui-router

angular-ui/ui-router: The de-facto solution to flexible routing with nested views in AngularJS

¥Reactive

platform

ngrx/platform: Reactive libraries for Angular

rx.angular.js

Reactive-Extensions/rx.angular.js: AngularJS Bindings for RxJS

¥state management

ngrx/store

ngrx/store: RxJS powered state management for Angular applications, inspired by Redux

¥UI

angular-swagger-ui-material

darosh/angular-swagger-ui-material: [ABANDONED] Material Design template for angular-swager-ui

components

angular/components: Component infrastructure and Material Design components for Angular

element-angular

ElemeFE/element-angular: Element for Angular
Element Angular Ex

material

angular/material: Material design for AngularJS

material2

angular/material2: Material Design components for Angular

ng-devui

DevCloudFE/ng-devui: 华为云DevCloud,基于Angular的企业级前端组件库;DevUI components based on Angular
DevUI

ng-tasty

Zizzamia/ng-tasty: A tasty collection of reusable UI components for Angular, like grandma used to make. Like Table directive, WebSocket / Debounce / Throttle service, Range / Camelize / Slugify filters

¥编辑器

angular-marked

Hypercubed/angular-marked: Markdown in AngularJS using marked.

bojue/Web-Editor: Web编辑器Demo tag0.1.0,在线预览版没有支持service,最新版本请下载service(node.js)端

ui-codemirror

angular-ui/ui-codemirror: This directive allows you to add CodeMirror to your textarea elements.

ngx-codemirror

TypeCtrl/ngx-codemirror: Codemirror Wrapper for Angular

¥数据处理、优化

angular-debounce

shahata/angular-debounce: AngularJS service and directive for debounce

angular-modal

btford/angular-modal: Simple AngularJS service for creating modals

¥环境、平台、设备

angular-environment

juanpablob/angular-environment: AngularJS Environment Plugin

ng-device-detector

srfrnk/ng-device-detector: Angular module to detect OS / Browser / Device

¥文本、文档

angular-pdfjs-viewer

legalthings/angular-pdfjs-viewer: PDF.js viewer directive for AngularJS

¥布局

flex-layout

angular/flex-layout: Provides HTML UI layout for Angular applications; using Flexbox and a Responsive API

ag-Grid Documentation: Home Page

¥性能优化

#async tasks

zone.js

angular/zone.js: Implements Zones for JavaScript
angular/packages/zone.js at master · angular/angular
翻阅源码后,我终于理解了Zone.js - 知乎

in-memory-web-api

angular/in-memory-web-api

protractor-console-plugin

angular/protractor-console-plugin: Checks the browser log after each test for warnings and errors

quickstart

angular/quickstart: Angular QuickStart - source from the documentation

¥存储

angular-local-storage

grevory/angular-local-storage: An AngularJS module that gives you access to the browsers local storage with cookie fallback

angular-indexedDB

webcss/angular-indexedDB: An angularjs serviceprovider to utilize indexedDB with angular

angular2-indexeddb

gilf/angular2-indexeddb: angular2-indexeddb is a library that wraps indexeddb database in an Angular service.

angular-cookie

ivpusic/angular-cookie: Lightweight Angular module for access to cookies

¥剪切板(Clipboard)

angular-clipboard

omichelsen/angular-clipboard: Copy to clipboard with AngularJS directive, without using Flash.

KostyaTretyak/ng-stack: Angular library
fodelf/likeVue: use vue api in ts

angularJS&angular frameworks

¥angularJS&angualar 服务端渲染(SSR)

angular-ssr

rangle/angular-ssr: Angular 4+ server-side rendering solution compatible with @angular/material, jQuery, and other libraries that touch the DOM (as well as providing a rich feature set!)

angular-cli

angular/angular-cli: CLI tool for Angular
Angular CLI

angular-seed

angular/angular-seed: Seed project for angular apps.

blur-admin

akveo/blur-admin: AngularJS Bootstrap Admin Panel Framework

di.js

angular/di.js: Dependency Injection Framework for the future generations...

Mooa

phodal/mooa: Mooa 是一个为 Angular 服务的微前端框架。A independent-deployment micro-frontend Framework for Angular from single-spa.
MooaExamples

protractor

angular/protractor: E2E test framework for Angular apps

angularJS&angular projects

¥angularJS&angualar 服务端渲染(SSR)

《Angular6入门项目》

【CuteJavaScript】Angular6入门项目(1.构建项目和创建路由) - 掘金
【CuteJavaScript】Angular6入门项目(2.构建项目页面和组件) - 掘金
【CuteJavaScript】Angular6入门项目(3.编写服务和引入RxJS) - 掘金
【CuteJavaScript】Angular6入门项目(4.改造组件和添加HTTP服务) - 掘金

angular2-rxjs-chat

ng-book/angular2-rxjs-chat: Example Chat Application using RxJS and Angular 2

Angular-Full-Stack

DavideViolante/Angular-Full-Stack: Angular Full Stack project built using Angular, Express, Mongoose and Node. Whole stack in TypeScript.

react-native-renderer

angular/react-native-renderer: Use Angular and React Native to build applications for Android and iOS

linguowei/micro-note: 📝 A micro note application
akveo/ngx-admin: Admin dashboard template based on Angular 5+, Bootstrap 4 (previously known as ng2-admin)
crk123kk/angular-example: 关于一些angular项目使用的基本实例
eclipse123/angular-spring-mybatis: 示例代码,仅供参考
ng-matero/ng-matero: Angular Material admin dashboard template.

angularJS&angular tools

angularJS&angualar 服务端渲染(SSR)

PatrickJS/angular-md5: md5 for Angular.js and Gravatar filter
PatrickJS/angular-crypto: angular-crypto provides standard and secure cryptographic algorithms for Angular.js with support for: MD5, SHA-1, SHA-256, RC4, Rabbit, AES, DES, PBKDF2, HMAC, OFB, CFB, CTR, CBC, Base64

angularJS&angular 资源、整理集&FAQ

¥angular 资源

PatrickJS/awesome-angular: A curated list of awesome Angular resources
AngularJS/Angular官网_JavaScript_大强博客-CSDN博客
关于Angular2的一些资料(持续更新中) - angular - SegmentFault
自己收集的部分Angular学习资料 - 生活 - SegmentFault 思否
我自己整理的一些Angular2项目和资源_慕课手记
【译】Angular最佳实践 - 掘金

¥angular 整理集

deepthan/blog-angular: Angular(2+)学习教程:知识点用法总结和学习资源整合。还用其做了一个诗歌站点:
18 个惊人的 Angular 开源项目

¥angular FAQ

如何在AngularJs中调用第三方插件库 - CSDN博客
AngularJs与SpringMVC简单结合使用 - CSDN博客
【AngularJS】AngularJS整合Springmvc、Mybatis环境搭建 - CSDN博客
Angular CLI 快速创建Angular 2项目和组件, 压缩打包发布。 - 张旭超-web前端开发工程师 - SegmentFault 思否
Angular 4.x 修仙之路 - Angular 4.x 修仙之路 - SegmentFault 思否
javascript - Angularjs 在写后台管理系统如何优雅的使用jQuery插件 - SegmentFault 思否
如何在AngularJS中使用插件 - ISWR的专栏 - SegmentFault 思否
如何在Angular2中使用jQuery及其插件的方法_AngularJS_脚本之家
angular第三方包开发整理(小结)_AngularJS_脚本之家
Angular5中调用第三方js插件的方法_AngularJS_脚本之家
Angular如何引入第三方库的方法详解_AngularJS_脚本之家
如何在AngularJs中调用第三方插件库_AngularJS_脚本之家
AngularJS常用插件与指令收集 - pei~乐悠悠 - 博客园
在angularjs路由中单个页面独立添加js文件及在angularjs中使用jquery插件 - pf12345
给 Web 开发者的 25 款最有用的 AngularJS 工具 - 开源中国社区
angularjs项目的页面跳转如何实现(5种方法)_AngularJS_脚本之家
Angular企业级开发(6)-使用Gulp构建和打包前端项目 - 快乐八哥 - 博客园
20个免费的 AngularJS 资源和开发教程 - 梦想天空(山边小溪) - 博客园
jQuery File Upload Demo
jQuery File Upload Demo - AngularJS version
Angular5入门与提高_Angular教程_汇智网

$data-driven、event-driven、state management、模块化、数据模型&面向对象

aura

aurajs/aura: A scalable, event-driven JavaScript architecture for developing component-based applications.

AmpersandJS

AmpersandJS/ampersand: Quickest way to get started with ampersand.
AmpersandJS/ampersand-view: A smart base view for Backbone apps, to make it easy to bind collections and properties to the DOM.
AmpersandJS/ampersand-state: Core state management object.
AmpersandJS/ampersand-model: Observable objects, for managing state in applications.
AmpersandJS/ampersand-collection: A module for handling collections of objects
AmpersandJS/ampersand-sync: Provides sync behavior for updating data from ampersand models and collections to the server.
AmpersandJS/ampersand-router: Clientside router with fallbacks for browsers that don't support pushState. Mostly lifted from Backbone.js.
AmpersandJS/ampersand-form-view: Completely customizable form lib for bulletproof clientside forms.
AmpersandJS/ampersand-select-view: Select field for ampersand-form-views
Ampersand.js - Home

Aurelia

aurelia/aurelia: Aurelia 2, a standards-based, front-end framework designed for high-performing, ambitious applications.
aurelia/framework: The Aurelia 1 framework entry point, bringing together all the required sub-modules of Aurelia.

CanJS

canjs/canjs: JS framework providing state management, templates & custom elements. Helps you build the impossible while keeping the common stuff easy.
CanJS - Build CRUD apps in fewer lines of code

MooTools

mootools-core

mootools/mootools-core: MooTools Core Repository
mootools/mootools-more: MooTools Plugins and Enhancements Repository
MooTools
MooTools
Mootools 1.4中文手册
Mootools中文文档 - Fx/Css
mootools | BootCDN - Bootstrap 中文网开源项目免费 CDN 加速服务

sxalexander/jquery-scrollspy: A JQuery Implementation of David Walsh's MooTools scrollspy
rauchg/TextboxList: MooTools tokenizer
digitarald/digitarald-fancyupload: Swiff meets Ajax for powerful and elegant uploads (MooTools Plugin).
monkeyphysics/mootools-datepicker: Smoothly animating, very configurable and easy to install. No Ajax, pure Javascript.
plasm/the-wall: A Javascript plugin for Mootools
chinalu/JSPinyin: To get chinese pinyin from chinese. Based on mootools.
cpojer/mootools-mobile: Makes your web applications more touching.
anutron/mootools-bootstrap: Bootstrap JS implementation for twitter's Bootstrap CSS framework
moobilejs/moobile-core: A mobile application framework based on Mootools.
samuelbirch/MultiBox: mootools lightbox plugin that supports a wide variety of media
jQuery与MooTools库的一些比对 « 张鑫旭-鑫空间-鑫生活

postal.js

postaljs/postal.js: JavaScript pub/sub library supporting advanced subscription features, and several helpful add-ons.

reactivesearch

appbaseio/reactivesearch: React, React Native and Vue UI components for building data-driven apps with Elasticsearch

regularjs

regularjs
regularjs/regular: regularjs: a living template engine that helps us to create data-driven component.
Regularjs - A concise, flexible framework for creating data-driven component

tyshemo

tangshuang/tyshemo: A javascript runtime data type checking system and morden reactive state management model.
TySheMo

Vmo

xiaobebe/Vmo: Vmo 是一个用于前端的数据模型。解决前端接口访问混乱,服务端数据请求方式不统一,数据返回结果不一致的微型框架。
Vmo前端数据模型设计 - 掘金

alibaba/schema-plugin-flow: A highly extensible JavaScript library, abbreviated as Sifo. 一个高扩展性、可二开的插件式前端开发框架

$Declarative、Functional、Presentation、Reactive&Responsive

¥响应式邮件框架

foundation-emails

foundation/foundation-emails: Quickly create responsive HTML emails that work on any device and client. Even Outlook.
Foundation for Emails | A Responsive Email Framework from ZURB

responsive-html-email-template

leemunroe/responsive-html-email-template: A free simple responsive HTML email template

Alpine.js

alpinejs/alpine: A rugged, minimal framework for composing JavaScript behavior in your markup.

cyclejs

cyclejs/cyclejs: A functional and reactive JavaScript framework for predictable code
Cycle.js

doux

yisar/doux: 🦄 Simple reactivity system with composition API.

Furatto

IcaliaLabs/furatto: It's a flat, fast and powerful front-end framework for rapid web development.
Furatto
Furatto – 轻量,友好的响应式前端开发框架 - 梦想天空(山边小溪) - 博客园

Foundation

zurb/foundation-sites: The most advanced responsive front-end framework in the world. Quickly create prototypes and production code for sites that work on any kind of device.
Foundation | The most advanced responsive front-end framework in the world.
The most advanced responsive front-end framework in the world. | Foundation

frint

frintjs/frint: Modular JavaScript framework for building scalable and reactive applications

knockout

knockout/knockout: Knockout makes it easier to create rich, responsive UIs with JavaScript
Knockout : Home
Knockout-Contrib/Knockout-Validation: A validation library for Knockout JS

marko

marko-js/marko: A declarative, HTML-based language that makes building web apps fun

Ractive.js

ractivejs/ractive: Next-generation DOM manipulation

reveal.js

hakimel/reveal.js: The HTML Presentation Framework
reveal.js – The HTML Presentation Framework

skelJS

http://skeljs.org/
Skeljs – 用于构建响应式网站的前端开发框架 - 梦想天空(山边小溪) - 博客园

slides

briancavalier/slides: A slide presentation framework in HTML, JS, and OOCSS
HTML Slide Presentation Framework

solid

ryansolid/solid: A declarative, efficient, and flexible JavaScript library for building user interfaces.
solid/solid: Solid - Re-decentralizing the web (project directory)

stimulus

hotwired/stimulus: A modest JavaScript framework for the HTML you already have
Stimulus: A modest JavaScript framework for the HTML you already have.

sl1673495/typescript-proxy-reactive: 🚀TypeScript实现基于Proxy的响应式库
15款帮助我们创建响应式布局的优秀前端框架 - 梦想天空(山边小溪) - 博客园

$jQuery

jQuery core

nefe/You-Dont-Need-jQuery: Examples of how to do query, style, dom, ajax, event etc like jQuery with plain javascript.
Jquery UI 中文网
jQuery UI
jQuery API 中文文档 -- jQuery 中文网
jQuery
jQuery -jquery 中文网
jQuery API 中文文档 | jQuery API 中文在线手册 | jquery api 下载 | jquery api chm
jQuery API 中文文档(适用jQuery 1.0 - jQuery 3.1)
jquery 在线手册 | jQuery API 中文手册 | jQuery 速查表 | jQuery 参考手册 | jQuery CHM | jQuery 在线文档 | jQuery 1.12.1

jQuery frameworks

Sammy.js

quirkey/sammy: Sammy is a tiny javascript framework built on top of jQuery, It's RESTful Evented Javascript.
Sammy.js / A Small Web Framework with Class / RESTFul Evented JavaScript

jQuery libs、plugins&tools

¥jQuery开发插件

umd/jqueryPlugin.js at master · umdjs/umd
jQuery $.extend()用法总结 - 晴晴加油 - 博客园
理解jquery的$.extend()、$.fn和$.fn.extend()-前端开发博客

¥jQuery 上传&下载

jquery-filepond

pqina/jquery-filepond: 🔌 A handy FilePond wrapper for jQuery

¥loading

8款效果精美的 jQuery 加载动画和进度条插件 - 梦想天空(山边小溪) - 博客园
真是好东西!一组动感的页面加载动画效果 - 梦想天空(山边小溪) - 博客园
页面加载特效(Page Loading Effects) | Demo 3
基于HTML5 SVG的jQuery圆形进度条动画特效_jQuery之家-自由分享jQuery、html5、css3的插件库

¥UI

jquery easyui

JQuery EasyUI中文网
EasyUI - 帮助您轻松构建您的网页
文档 - jQuery EasyUI
Easyui中文社区
jQuery EasyUI 教程 | 菜鸟教程
EasyUI学习总结(一)——EasyUI入门 - 孤傲苍狼 - 博客园

The Pete Design | Minimal UI and Functional UX Design and Development Freelancer

¥动画、效果、特效、变换

¥shadow

flat-shadow

peachananr/flat-shadow: A small jQuery plugin that will automatically cast a shadow creating depth for your flat UI elements

jquery easing

jQuery Easing Plugin
jQuery Easing 使用方法及其图解 - CSDN博客

jquery-resize

cowboy/jquery-resize: A resize event for ALL your jQueries!
jquery-resize | BootCDN - Bootstrap 中文网开源项目免费 CDN 加速服务
Ben Alman » jQuery resize event
jquery.ba-resize.min.js 免费开源代码阅读 开发,分享 - CodeForge.cn
js.jquery_ba_resize · PyPI

图片轮播

swiper

amazeui/swiper: Most modern mobile touch slider with hardware accelerated transitions.
Amaze UI Swiper | Amaze UI 插件

slick

kenwheeler/slick: the last carousel you'll ever need
amazeui/slick: jQuery carousel plugin.
Amaze UI Slick | Amaze UI 插件

Nivo Slider - 世界上最棒的 jQuery 图片轮播插件 - 梦想天空(山边小溪) - 博客园

固定头部切换效果

Stickup

stickUp - a free jQuery Plugin
LiranCohen/stickUp: stickUp a jQuery Plugin for sticky navigation menus.

sticky-kit

Sticky-Kit | jQuery plugin for sticky elements
leafo/sticky-kit: A jQuery plugin for creating smart sticky elements

Midnight.js – 实现奇妙的固定头部切换效果 - 梦想天空(山边小溪) - 博客园

传送带插件

slick

Slick – 这是你需要的最后一款 jQuery 传送带插件 - 梦想天空(山边小溪) - 博客园

文字闪烁、提示

提示/提词器系统

scrollocue

soxofaan/scrollocue: Simple autocue/teleprompter jQuery plugin
Scrollocue

原生js tooltip提示框插件制作鼠标滑过提示文字效果代码
简单的css3输入框提示文字效果
jQuery仿Word查找结果高亮显示代码
jquery ui iPicture图片提示插件鼠标悬停到图片上提示文字信息
js文字特效制作js文字闪烁与文字变色效果
jquery 文字闪烁支持自动文字闪烁、点击文字闪烁、验证文字闪烁
纯css3霓虹灯文字闪烁动画特效
纯css3标题文字间歇滚动效果

自适应背景

jquery.adaptive-backgrounds.js

briangonzalez/jquery.adaptive-backgrounds.js: 🦎 A jQuery plugin for extracting the dominant color from images and applying the color to their parent.
jquery.adaptive-backgrounds.js • A jQuery plugin for extracting dominant colors from images and applying it to its parent

zachstronaut/jquery-animate-css-rotate-scale: A monkey patch for jQuery 1.3.1+ that adds support for setting or animating CSS scale and rotation independently.
Permit.js - A jQuery Plugin to Simplify the Building of Interactive Multi-State Prototypes
ScrollMe – 在网页中加入各种滚动动画效果 - 梦想天空(山边小溪) - 博客园
12款响应式的 jQuery 旋转木马(传送带)插件 - 梦想天空(山边小溪) - 博客园
Velocity – 另外一款加速的 jQuery 动画插件 - 梦想天空(山边小溪) - 博客园
精心挑选:10款实用的 jQuery Tab 切换插件和教程 - 梦想天空(山边小溪) - 博客园
使用 jQuery & CSS3 实现翻转的作品集滑块 - 梦想天空(山边小溪) - 博客园
精心挑选10款优秀的 jQuery 图片左右滚动插件 - 梦想天空(山边小溪) - 博客园
jq返回顶部多种实现方法 - 波克比520 - 博客园
jQuery Countdown Timer 倒计时效果 - 梦想天空(山边小溪) - 博客园

¥图片

imagesloaded

desandro/imagesloaded: JavaScript is all like "You images done yet or what?"

Lightbox 插件

henrygd/bigpicture: Lightweight JavaScript image / video viewer. Supports Youtube and Vimeo.
baguetteBox.js - 简单易用的 lightbox 插件 - 梦想天空(山边小溪) - 博客园

alexanderdickson/waitForImages: A jQuery plugin that lets you attach callbacks to useful image loading events.
jonom/jquery-focuspoint: jQuery plugin for 'responsive cropping'. Dynamically crop images to fill available space without cutting out the image's subject. Great for full-screen images.
jQuery图像处理 - 开源软件 - 开源中国
Photopile JS – 帮助你实现精致的照片堆叠效果 - 梦想天空(山边小溪) - 博客园
Dense.js - 响应式的视网膜(Rtina)图像支持 - 梦想天空(山边小溪) - 博客园
tiltShift.js - CSS3 滤镜实现移轴镜头效果 - 梦想天空(山边小溪) - 博客园
60款很酷的 jQuery 幻灯片演示和下载 - 梦想天空(山边小溪) - 博客园
Prezento – 轻量、简单的 jQuery 幻灯片插件 - 梦想天空(山边小溪) - 博客园
WebSlides - 轻松制作漂亮的 HTML 幻灯片(演讲稿) - 梦想天空(山边小溪) - 博客园
推荐15款创建漂亮幻灯片的 jQuery 插件 - 梦想天空(山边小溪) - 博客园
Elastic Image Slider 带缩略图功能的幻灯片 - 梦想天空(山边小溪) - 博客园
Slides - 在线制作效果精美的幻灯片(PPT) - 梦想天空(山边小溪) - 博客园
SlidesJS - 老牌的响应式 jQuery 幻灯片插件 - 梦想天空(山边小溪) - 博客园
Skippr – 轻量、快速的 jQuery 幻灯片插件 - 梦想天空(山边小溪) - 博客园
www.cnblogs.com/lhb25/archive/2011/11/20/15-jquery-image-effects.html
8款非常棒的响应式 jQuery 幻灯片插件推荐 - 梦想天空(山边小溪) - 博客园
精心挑选的23款美轮美奂的 jQuery 图片特效插件 - 梦想天空(山边小溪) - 博客园
网站项目必备——12款经典的白富美型 jQuery 图片轮播插件 - 梦想天空(山边小溪) - 博客园
S Gallery – 很有特色的响应式 jQuery 相册插件 - 梦想天空(山边小溪) - 博客园
使用 jQuery & CSS3 制作美丽的照片画廊 - 梦想天空(山边小溪) - 博客园
基于 jQuery 实现的精致作品集图片导航效果 - 梦想天空(山边小溪) - 博客园
Image Wall - jQuery & CSS3 图片墙效果 - 梦想天空(山边小溪) - 博客园
ZOOM - 简单易用的 jQuery 照片相册插件 - 梦想天空(山边小溪) - 博客园
Rotating Image Slider - 图片旋转切换特效 - 梦想天空(山边小溪) - 博客园
学习使用 jQuery & CSS3 制作照片堆栈效果 - 梦想天空(山边小溪) - 博客园
分享22款响应式的 jQuery 图片滑块插件 - 梦想天空(山边小溪) - 博客园
使用 FocusPoint.js 实现图片的响应式裁剪 - 梦想天空(山边小溪) - 博客园
Swipebox – 用于触屏设备的精美 jQuery Lightbox 插件 - 梦想天空(山边小溪) - 博客园
Strip JS – 低侵入,响应式的 Lightbox 效果 - 梦想天空(山边小溪) - 博客园
20款美化网站的 jQuery Lightbox 灯箱插件 - 梦想天空(山边小溪) - 博客园
FancyBox - 经典的 jQuery Lightbox 插件 - 梦想天空(山边小溪) - 博客园

¥表格、表单

¥jQuery Validate

jQuery Password Validation

jzaefferer/jquery-validation.password
easy-designs/jquery.easyValidationRules.js: Form field validation via associated lists. Inspired by http://aerotwist.com/blog/better-password-form-fields/ Demo:
jQuery Password Validation(密码验证) | 菜鸟教程
jQuery Password Validation(密码验证)插件 - CSDN博客
jQuery Password Validation(密码验证) - CSDN博客
jQuery Password Validation密码验证_jquery_脚本之家
修改密码jQuery校验(代码) - html/css语言栏目:html.css - 红黑联盟
bassistance.de » jQuery plugin: Password Validation
Aerotwist - Better password form fields

jQuery-Form-Validator

victorjonsson/jQuery-Form-Validator: jQuery plugin that makes it easy to validate user input while keeping your HTML markup clean from javascript code.
jQuery Form Validator

jQuery html5Validate

zhangxinxu/html5Validate: 基于HTML5新特性新规范的表单验证jQuery插件
jQuery html5Validate基于HTML5表单验证插件 « 张鑫旭-鑫空间-鑫生活
JS前端验证与用户自由思想 « 张鑫旭-鑫空间-鑫生活

Jquery Validation

blog/formValidation.js at master · liuyunzhuge/blog
jquery-validation/jquery-validation: jQuery Validation Plugin library sources
jQuery Validate | jQuery Plugin Registry
jQuery Validate | 菜鸟教程
Jquery插件-Validate使用方式 - CSDN博客
jQuery Validate使用笔记 - CSDN博客
jQuery Validate - CSDN博客
Spring shiro + bootstrap + jquery.validate 登录、注册 - CSDN博客
基于Bootstrap+jQuery.validate Form表单验证实践 - CSDN博客
JQuery validate验证规则 - CSDN博客
bootstrap3-validation.js bootstrap 的jquery 表单验证 - CSDN博客
JQuery的validation插件 - CSDN博客
mongoose+express+jQuery Validate实现用户表单异步验证 - 简书
JQuery validate验证规则 - 一米阳光! - 博客园
jQuery Validate验证框架详解 - 松峰 - 博客园
jQuery Validate - 冰柠檬不酸 - 博客园
jQuery Validate验证框架详解 - Ruthless - 博客园
史上最全JS表单验证封装类 - Ruthless - 博客园
封装jQuery Validate扩展验证方法 - Ruthless - 博客园
Ruthless - 博客园
Jquery Validation 验证控件的使用说明 - 沙漠飞雪 - 博客园
jQuery Validation Plugin | Form validation with jQuery
jQueryValidate详解 - html/css语言栏目:html.css - 红黑联盟
jQuery插件—Validation Plugin-慕课网

jQuery-Validation-Engine

posabsolute/jQuery-Validation-Engine: jQuery form validation plugin

tips验证

利用jquery.validate以及bootstrap的tooltip开发气泡式的表单校验组件 - 流云诸葛 - 博客园

aarondo/Strength.js: The ultimate jQuery password input plugin. Featuring secure strength indicator and hide/show password
tanepiper/jquery.ui.pwstrength: jQueryUI Password Strength Meter
elboletaire/password-strength-meter: A password strength meter for jQuery
MorrisJobke/strengthify: Combine jQuery and zxcvbn to create a password strength meter
n0nick/password_strength: jQuery password strength plugin
stripe/jquery.mobilePhoneNumber: [DEPRECATED] A general purpose library for validating and formatting mobile phone numbers.

ajax 分页

paginationjs

superRaytin/paginationjs: A jQuery plugin to provide simple yet fully customisable pagination.
Pagination.js | Home

实现灵活排序和分页功能

jPList – 实现灵活排序和分页功能的 jQuery 插件 - 梦想天空(山边小溪) - 博客园

精心挑选的12款优秀 jQuery Ajax 分页插件和教程 - 梦想天空(山边小溪) - 博客园
分享5种风格的 jQuery 分页效果【附代码】 - 梦想天空(山边小溪) - 博客园

checkbox

js ymPrompt悬浮窗口点击checkbox选中给text文本框赋值代码
纯css3单选按钮和复选按钮样式代码
jquery checkbox左右框项目选中移动代码
jquery checkbox复选框美化点击checkbox事件 选中 取消样式
9款css3超炫的表单复选框Checkbox美化效果代码
jquery复选框点击checkbox添加或删除text输入框value值
js css3表单checkbox多选框选择效果
jQuery多级checkbox复选框选中代码
css3 checkbox美化单选按钮和复选按钮美化样式
jQuery css3表单Checkbox和Radio按钮美化代码
jquery checkbox点击选中列表样式代码
html5 css3制作checkbox多选框选中样式特效
CSS3自定义美化复选框Checkbox按钮样式代码

editable-table

mindmup/editable-table: tiny jQuery/Bootstrap widget that makes a HTML table editable

form

jquery-form/form: jQuery Form Plugin
jQuery Form Plugin by jquery-form

html5sortable

farhadi/html5sortable: Lightweight jQuery plugin to create sortable lists and grids using native HTML5 drag and drop API.
lukasoppermann/html5sortable: VanillaJS sortable lists and grids using native HTML5 drag and drop API.
mattheworiordan/jquery.simulate.drag-sortable.js: Simulate drag events within a JQuery UI Sortable widget (primarily for integration testing)
HTML5 Sortable
HTML5 Sortable library

hover

css3:hover悬停图标展开气泡文本框特效
jquery鼠标悬停下载按钮滑动显示提示信息文本框

jQuery 下拉列表

jquery-citys

城市三级联动 - citys

输入框下拉分页菜单选择插件

jQuery输入框下拉分页菜单选择插件
强大的jquery下拉分页选择插件SelectPage
bDialog使用实例

vestman/Select-or-Die: Yet another jQuery plugin to style select elements. Demo at http://vst.mn/selectordie/
vestman/Select-or-Die-Themes: Theme repository for the SoD
jdulal/Select-or-Die
Select-or-Die:灵活的 jQuery 下拉列表插件 - 梦想天空(山边小溪) - 博客园

jQuery Bootgrid

rstaib/jquery-bootgrid: Nice, sleek and intuitive. A grid control especially designed for bootstrap.
A jQuery grid plugin - jQuery Bootgrid

jQuery-Mask-Plugin

igorescobar/jQuery-Mask-Plugin: A jQuery Plugin to make masks on form fields and HTML elements.
jQuery Mask Plugin - A jQuery Plugin to make masks on form fields and html elements.

jquery-maskmoney

plentz/jquery-maskmoney: jQuery plugin to mask data entry in the input text in the form of money (currency).

Jquery-Price-Format

price-format/Jquery-Price-Format: jQuery Price Format Plugin is useful to format input fields and HTML elements as prices. For example, if you type 123456, the plugin updates it to US$ 1,234.56. It is costumizable, so you can use other prefixes, separator

jquery-timeago

rmm5t/jquery-timeago: :clock8: The original jQuery plugin that makes it easy to support automatically updating fuzzy timestamps (e.g. "4 minutes ago").

jquery.jqprint

tanathos/jquery.jqprint: jQuery print plugin

支持10种格式的 HTML 表格导出插件

kayalshri
HTML table Export
Tableexport.jquery.plugin by kayalshri
支持10种格式的 HTML 表格导出 jQuery 插件 - 梦想天空(山边小溪) - 博客园

日历翻转效果

jQuery 制作逼真的日历翻转效果的倒计时 - 梦想天空(山边小溪) - 博客园

文字标签

jQuery文字标签过滤器text文本框输入过滤文字标签效果代码
jquery表单text文本框回车添加文字标签拖动可调顺序
jQuery输入框文字空格键创建标签插件
jquery添加标签html输入文本框动态添加标签代码
jQuery input文本框输入文字回车创建标签代码
jQuery标签点击搜索文本框弹出热门标签关键字选择
jquery text文本框输入文字添加标签可删除_生成标签可删除代码
jQuery简单输入框添加创建标签代码
jQuery创建域名标签可删除添加标签代码
jquery动态添加标签_空格键添加a标签_表单添加html标签元素
jquery输入框提示插件input输入框文字下拉提示添加标签代码
js输入关键词创建标签代码
jQuery发布文章自定义选择添加删除标签代码
jQuery添加标签插件
jquery创建标签text文本输入框点击按钮创建标签表单提交value值
jquery自定义添加标签_自定义删除标签代码
JQuery+Layer实现添加删除自定义标签代码

文本框

手写输入法

原生js 表单搜索text文本框支持手写输入法

省市选择器

jQuery input文本框城市下拉菜单选择代码
jQuery点击文本框下拉菜单城市选择代码
jQuery点击text文本框快速选择城市代码
jQuery text文本框全国按省选择学校
jquery点击text文本框弹出省市地区城市选择器
js text输入框提示火车机票网站点击文本框城市选择
echarts地图json数据城市选择插件
基于element-ui编写省市县三级联动菜单代码
jQuery配送地址三四级联动城市选择代码
Angularjs输入框弹出城市街道地址选择代码
jQuery模拟select框下拉三级联动城市选择器
jquery四级联动插件城市选择下拉菜单代码
jQuery中国省市区城市选择三级联动插件
jQuery遮罩弹出选择地区省市区城市代码
jQuery移动端省市二级联动城市选择代码
JQuery带字母分类城市选择器插件代码
jQuery移动端四级联动世界地区选择代码
html5 echarts省市区地图城市选择代码
jQuery城市下拉框菜单选择代码
jquery仿招聘网站弹出城市选择信息代码
jquery物流发货省市区城市地图选择器
jQuery省市区三级联动插件_城市三级联动插件
基于jQuery input框点击弹出城市选择器代码
jQuery省市区三级联动插件代码
原生js城市选择控件_js机票城市选择_js城市选择器代码
原生js仿淘宝旅游页面多个热门省份城市选择控件
jquery文字列表全国地区城市选择代码

软键盘&表情

jQuery keyboard点击弹出虚拟键盘输入text文本框文字内容
jQuery表情插件文本框输入表情符号代码
js文本框插入表情支持解析代码
html5 input文本框插入qq表情代码
jquery+css3 仿制iphone软键盘输入文本框(兼容ie8以上)
jquery新浪微博表情插件textarea文本框插入QQ表情表单提交代码
jquery qq表情插件鼠标点击qq表情图片插入文本框表单提交
jquery textarea文本框制作新浪微博文本框输入QQ表情评论
jquery表单提交text文本框点击弹出下拉选择城市文字列表

复制调用text文本框内容

jquery复制链接点击按钮复制调用text文本框内容

jQuery默认的文本框弹出层代码
jQuery input文本框输入文字放大显示效果
jQuery颜色选择器点击文本框颜色拾取器代码
js css3文本框编辑文字动画代码
js表单文本框内容互换效果代码
jQuery css3输入框焦点事件图标动画效果
jQuery文本框输入文字飞出动画效果
jQuery textarea文本框输入文字限制提示代码
jquery删除添加输入文本框插件
html5点击text文本框个性化时间选择插件
html5 input placeholder文本占位符动画插件文本框文字提示输入

¥布局、组件

jquery-audio

Free Jquery Audio Player | Cincopa

jquery-lang-js

Irrelon/jquery-lang-js: i18n Automatically deploy and switch multi-language HTML pages without reloading the page.
Home | Irrelon Software Limited

分布引导插件

推荐15款最佳的 jQuery 分步引导插件 - 梦想天空(山边小溪) - 博客园

导航菜单

Path旋转菜单

wheel-menu

peachananr/wheel-menu: Add a fully customisable Path-like wheel menu button to your website
jQuery Wheel Menu by Pete R. | The Pete Design

响应式导航

15款帮助你实现响应式导航的 jQuery 插件 - 梦想天空(山边小溪) - 博客园

jQuery仿阿里巴巴顶部下拉菜单代码
jQuery fixed侧边固定层收缩展开菜单代码
自定义设置悬浮图标导航页面功能代码
jQuery图标导航html响应式导航菜单代码
win10风格自适应图标导航网页模板
jquery win8风格图标导航菜单特效
div css仿京东右侧固定图标菜单栏样式代码
扁平的jQuery响应式下拉导航菜单代码
jquery导航二级菜单太多了下拉菜单滚动显示
jQuery在线教育网页顶部下拉分类导航菜单代码
jquery教育网站顶部浮动导航下拉菜单特效
jquery右键菜单插件制作鼠标右键弹出多级菜单代码
jQuery css3黑色的多级导航菜单下拉列表代码
jquery蓝色的旅游网站左侧导航菜单代码
jquery 导航插件动画导航下拉菜单Apycom软件的Java下拉菜单
jquery仿360音乐导航条鼠标滑过阶梯动画导航条
jQuery.mmenu – 用于移动 Web 项目的光滑菜单 - 梦想天空(山边小溪) - 博客园

手风琴插件

手风琴效果

使用 jQuery & CSS3 实现优雅的手风琴效果 - 梦想天空(山边小溪) - 博客园

www.cnblogs.com/lhb25/archive/2012/08/21/jquery-accordion-tutorials.html
基于 jQuery 实现垂直滑动的手风琴效果 - 梦想天空(山边小溪) - 博客园

模态窗口,工具提示和消息插件

标签系统插件

sniperwolf/taggingJS: jQuery plugin to tagging like a charm!
taggingJS
TaggingJS – 可以灵活定制的 jQuery 标签系统插件 - 梦想天空(山边小溪) - 博客园

基于jQuery的简单消息框MsgBox插件 - CSDN博客
JBox - 模态窗口,工具提示和消息 jQuery 插件 - 梦想天空(山边小溪) - 博客园

垂直时间轴

jquery简单竖直的线性时间轴代码
jQuery发展历程垂直时间轴代码
jQuery css3垂直时间轴展开动画特效
jquery垂直时间轴鼠标滚动时间轴滚动代码
jQuery时间轴特效动画展示垂直时间轴特效代码
jquery仿站长之家大事记时间轴制作代码
jquery网页时间轴代码简单的网页时间轴制作效果
html5 web框架用div css3布局简单的时间轴列表样式
jQuery animate滑动收缩展开时间轴大事记发展历程

所见即所得(WYSIWYG)编辑器插件

jquery-notebook

raphaelcruzeiro/jquery-notebook: A modern, simple and elegant WYSIWYG rich text editor.

Alex-D/Trumbowyg: A lightweight and amazing WYSIWYG JavaScript editor - 20kB only (8kB gzip)
Trumbowyg - A lightweight WYSIWYG editor by Alex-D / Alexandre Demode
Trumbowyg - 轻量的 WYSIWYG 编辑器 - 梦想天空(山边小溪) - 博客园

仪表盘插件

ModelN/sDashboard: A simple & light weight dashboard framework in javascript

砌体

rnmp/salvattore: A jQuery Masonry alternative with CSS-driven configuration.
Salvattore — A jQuery Masonry alternative with CSS-driven configuration

jQuery分步步骤

¥地图

Maplace.js

danielemoraschi/maplace.js: A Google Maps Javascript plugin for jQuery.

¥菜单

okayNav – jQuery响应式菜单/导航插件_dowebok

¥other jQuery libs、plugins&tools

gabceb/jquery-browser-plugin: A jQuery plugin for browser detection
doedje/jquery.soap: This script uses $.ajax to send a SOAP:Envelope. It can take XML DOM, XML string or JSON as input and the response can be returned as either XML DOM, XML string or JSON too.
jQuery数据缓存$.data 的使用以及源码解析 - 掘金
jQuery 插件 - 开源软件 - 开源中国
Web开发者必备的20款超赞jQuery插件 - 梦想天空(山边小溪) - 博客园
过去几个月出炉的30款最喜欢的 jQuery 插件 - 梦想天空(山边小溪) - 博客园
分享一组很赞的 jQuery 特效【附源码下载】 - 梦想天空(山边小溪) - 博客园
40个新鲜的 jQuery 插件,使您的网站用户友好 - 梦想天空(山边小溪) - 博客园
在网站开发中很有用的8个 jQuery 效果【附源码】 - 梦想天空(山边小溪) - 博客园
Web开发者必备的20款超赞jQuery插件 - 梦想天空(山边小溪) - 博客园
Web 开发最有用的50款 jQuery 插件集锦——《综合篇》 - 梦想天空(山边小溪) - 博客园
jQuery之家-自由分享jQuery、html5、css3的插件库
jQuery插件库-收集最全最新最好的jQuery插件
iyiguo.net/blog/2012/12/02/jquery-plugins-authoring/
插件应用 – 前端开发,JQUERY特效,全栈开发,vue开发
JQuery Corner Demo
tangshuang/jqvm: A reactive frontend view-model framework based on jQuery.

jQuery projects

jQuery 资源、整理集&FAQ

jQuery 资源

Removing jQuery from GitHub.com frontend | GitHub Engineering
Rails Behaviors
Simple Stack Effects
jquery 规范 - 路修远而求索 - 博客园

jQuery 整理集

JQuery监听页面滚动总结 - CSDN博客
jquery选择器_专题_脚本之家
jQuery常用插件_专题_脚本之家
jQuery扩展技巧_专题_脚本之家
jQuery表格(table)操作_专题_脚本之家
jQuery表格(table)操作_专题_脚本之家
jQuery form操作_专题_脚本之家
jQuery拖拽特效_专题_脚本之家
jQuery动画与特效用法_专题_脚本之家
jQuery加密密码到cookie的实现代码_jquery_脚本之家
jQuery的cookie操作_专题_脚本之家
jQuery特效_专题_脚本之家
jQuery页面加载后执行的事件(3种方式) - 孔小爽 - 博客园
开发中可能会用到的几个 jQuery 小提示和技巧 - 梦想天空(山边小溪) - 博客园
最全的jQuery知识汇总 - 综合讨论区 - 葡萄城产品技术社区 - 手机版 - Powered by Discuz!
jQuery判断checkbox是否选中的3种方法 - 幽冥狂_七 - 博客园

jQuery FAQ

jQuery [attribute$=value] 选择器 | 菜鸟教程
jQuery height() 方法 | 菜鸟教程
www.w3school.com.cn/jquery/selector_contains.asp
.data() | jQuery API Documentation
JQuery老矣,尚能饭否 - 掘金
动态创建Dom元素,并设置属性和类----JS&JQ - CSDN博客
JQuery的removeProp()与removeAttr()移除属性的区别 - CSDN博客
jquery判断某个元素是否包含某个类名 - CSDN博客
jquery如何获取元素的滚动高度 - CSDN博客
jquery判断某个元素是否包含某个类名 - CSDN博客
$(document).click() 在iphone上不触发事件解决办法 - CSDN博客
JQuery下focus()无法自动获取焦点的处理方法 jquery如何使文本框获得焦点 - CSDN博客
jQuery 鼠标移入移出事件切换 - CSDN博客
JS JQuery获取当前元素的上一个下一个兄弟级元素等元素的方法 - CSDN博客
select 2级联动和checkbox全选框联动 - CSDN博客
jQuery对象与DOM对象之间的转换方法 - CSDN博客
关于jquery的each遍历,return只终止当前循环,不好使的解决办法 - CSDN博客
Jquery给HTML元素绑定按键事件-回车事件 - CSDN博客
javascript - 多个复选框之间的联动? - SegmentFault 思否
JQuery跳出each循环的方法_jquery_脚本之家
使用jQuery获取data-的自定义属性_jquery_脚本之家
js jquery获取当前元素的兄弟级 上一个 下一个元素_jquery_脚本之家
jquery判断元素是否隐藏的多种方法_jquery_脚本之家
通过 jQuery 先后为某个元素绑定了 click 事件,有没有办法调整其调用顺序? - 知乎
JQuery获取页面关闭事件 - 孔小爽 - 博客园
jquery 事件操作on、off分析 - 筱悦 - 博客园
easyui datagrid列拖拽 - wuwenhai - 博客园
jQuery 获取文件后缀的方法 - microsoft-zh.cn - 博客园
jquery中arrt()和prop()的区别 - Ethan's - 博客园
jquery中prop,attr,data的区别 - 阿弥陀佛么么哒! - 博客园
jQuery对象与js对象互相转换 - 超级芒果 - 博客园
JQuery $(function(){})和$(document).ready(function(){}) - 怪咖Eric - 博客园
document.onclick在ios上不触发的解决方法与touchstart点击穿透处理 - Redchar - 博客园
JQ中mouseover和mouseenter的区别 - 墨韵明空 - 博客园
jQuery on()方法 - leejersey - 博客园
jQuery+ajax实现动态加载,局部刷新, - TigerZhang - 博客园
JQuery的可见性选择器与show、hide的关系 - Javascript教程_JS教程_技术文章 - 红黑联盟

$JS MVC框架

Backbone.js

jashkenas/backbone: Give your JS App some Backbone with Models, Views, Collections, and Events
Backbone.js
Backbone.js API中文文档
Backbone入门指南(一):什么是Backbone? - CSDN博客

mithril.js

MithrilJS/mithril.js: A Javascript Framework for Building Brilliant Applications
Introduction - Mithril.js

Spine

Spine JS Project
SpineJS - LightWeight MVC Library for Marketing And Business

todomvc

tastejs/todomvc: Helping you select an MV* framework - Todo apps for React.js, Ember.js, Angular, and many more
TodoMVC

浅谈MVC/MVP/MVVM模式(概述) - 掘金
浅谈MVC/MVP/MVVM模式(MVC简单实现) - 掘金

$JS MVP框架

Riot.js

riot/riot: Simple and elegant component-based UI library
Riot.js — Simple and elegant component-based UI library
riot.js学习【三】事件 - da宗熊专栏 - CSDN博客
初识riot.js - da宗熊专栏 - CSDN博客
Riot.js——一个小而美的JS框架 - mervyn - SegmentFault 思否
riotjs 2.2.4 - 前端学习 - SegmentFault 思否
riot.js教程【三】访问DOM元素、使用jquery、mount输入参数、riotjs标签的生命周期 - liulun - 博客园
riot.js教程【一】简介 - liulun - 博客园
Riot - 比 Facebook React 更轻量的 UI 库 - 梦想天空(山边小溪) - 博客园
JavaScript 的 MVP 框架 Riot.js 3.10.0 发布,常规更新 - 开源中国
Riot.js — 1Kb 大小的 JavaScript 的 MVP 框架 - 开源中国

$JS MVVM框架

sugar

tangbc/sugar: A lightweight and powerful JavaScript MVVM library. Used for production or learning how to make a full MVVM.

san

baidu/san: A fast, portable, flexible JavaScript component framework
San

yox

yoxjs/yox: A lightweight mvvm framework
简介 - Yox - A lightweight mvvm framework

fengshi123/mvvm_example: 通过完成监听器 Observer 、订阅器 Dep 、订阅者 Watcher 和解析器 Compile 的实现,来模拟初始化一个Vue 实例

$React.js

React.js core

create-react-app

¥create-react-app core

react-scripts

firstlookmedia/react-scripts: ⚙ shared react app configs
humanmade/react-wp-scripts: Integrate create-react-app with your WordPress theme/plugin.
SZzzzz/react-scripts-ts-antd: scripts for create-react-app base on react-scripts-ts
dozoisch/react-async-script: A React composition mixin for loading 3rd party scripts asynchronously
raymondsze/create-react-scripts: Easily extend the react-scripts to your own version of react-scripts
jpavon/react-scripts-ts: @jpavon/react-scripts-ts, react-scripts with ts-loader and type checker on a separate process.
ro-savage/react-scripts-cssmodules: Enable CSS Modules for Create-React-App using the official CRA api
pagarme/react-scripts-former-kit-dashboard: 📊 A custom react-scripts for building highly-customizable dashboards using former-kit components

facebook/create-react-app: Create React apps with no build configuration.
create-react-app/README.md at master · facebook/create-react-app
tuchk4/awesome-create-react-app: Awesome list of Create React App articles / tutorials / videos and FAQ
parksben/react-spa-app: An single-page app skeleton in React, main structures comes from Create-React-App.
create-react-app/README.md at master · facebook/create-react-app
create-react-app/adding-custom-environment-variables.md at master · facebook/create-react-app
bkeepers/dotenv: A Ruby gem to load environment variables from `.env`.
create-react-app/packages/react-dev-utils at master · facebook/create-react-app
Effective JavaScript Codemods – Christoph Nakazawa – Medium
Create React App 2.0: Babel 7, Sass, and More – React Blog
Getting Started · Create React App
Create React App · Set up a modern web app by running one command.
Adding TypeScript · Create React App
Code Splitting in Create React App | Serverless Stack
Customizing create-react-app: How to Make Your Own Template

¥create-react-app libs、plugins&tools

create-react-app-antd

ant-design/create-react-app-antd: Use antd in create-react-app without ejecting ✨
Ant Design - A UI Design Language
在 create-react-app 中使用 - Ant Design

create-react-app-typescript

wmonk/create-react-app-typescript: DEPRECATED: Create React apps using typescript with no build configuration.
Migrating from create-react-app-typescript to Create React App · Vincent Tunru.com

create-react-pwa

jeffposnick/create-react-pwa: https://github.com/facebookincubator/create-react-app + Progressive Web App goodness
PWA-ification, via SWPrecacheWebpackPlugin + manifest.json by jeffposnick · Pull Request #1728 · facebook/create-react-app

customize-cra

arackaf/customize-cra: Override webpack configurations for create-react-app 2.0

handy-make

xiyuyizhi/handy-make: a tool for create react apps,support common use features,inspired by vue-cli and create-react-app

react-app-rewired

timarney/react-app-rewired: Override create-react-app webpack configs without ejecting
create-react-app 初始化的项目,如何启用 babelrc 配置文件 - 掘金

roadhog

sorrycc/roadhog: 🐷 Cli tool for creating react apps, configurable version of create-react-app.
roadhog 2.0 发布 · Issue #55 · sorrycc/blog

roadhog-api-doc

nikogu/roadhog-api-doc
roadhog-api-doc/utils.js at master · nikogu/roadhog-api-doc

react-gh-pages

gitname/react-gh-pages: Deploying a React App (created using create-react-app) to GitHub Pages
React App

react-refresh-webpack-plugin

pmmmwh/react-refresh-webpack-plugin: A Webpack plugin to enable "Fast Refresh" (also previously known as Hot Reloading) for React components.

esetnik/customize-cra-react-refresh: Provides a simple, no frills way to integrate react-refresh into your create-react-app using customize-cra.

¥create-react-app 资源、整理集&FAQ

create-react-app 资源

docschina/create-react-app: [印记中文](https://docschina.org/) - 🌐 Create React App 中文文档

create-react-app 整理集

create-react-app FAQ

0.8.0 breaks svg sprite · Issue #1153 · facebook/create-react-app
Decorator is not supported! · Issue #214 · facebook/create-react-app
Easily Add an Babel Plugin · Issue #411 · facebook/create-react-app
Document maintaining a fork of react-scripts as an alternative to ejecting · Issue #682 · facebook/create-react-app
create-react-app 使用技巧及源码分析 - 掘金
在 create-react-app 中启用装饰器语法 - 掘金
扔掉Create React App,打造你自己的React生成工具! - 前端 - 掘金
如何扩展 Create React App 的 Webpack 配置 - 掘金
快速搭建你的 github pages 个人博客 —— 基于 Create-React-App 的单页面应用实践 - 掘金
在 Create React App 中使用 CSS Modules - 掘金
在 Create React App 中启用 Sass 和 Less - 掘金
开发 react 应用最好用的脚手架 create-react-app - QTFYING的博客 - CSDN博客
create-react-app项目添加less配置 - SegmentFault 思否
通过create-react-app从零搭建react环境 - 个人文章 - SegmentFault 思否
create-react-app 配置antd - 简书
create-react-app 配置 less - 简书
基于create-react-app的再配置 - 小火柴的蓝色理想 - 博客园
create-react-app踩坑记 - -鹿- - 博客园
如何扩展 Create React App 的 webpack 配置 - Hacker and Geeker's Way
create-react-app 配置文件在什么位置呢?_慕课猿问
Create-react-app创建的项目,不使用npm run eject将webpack.config文件暴露出来,可以模块化引用css么 - 求助 - React 中文

create-react-class

create-react-class - npm

react-native

¥react-native core

create-react-native-app

react-community/create-react-native-app: Create a React Native app on any OS with no build config.
expo/create-react-native-app: Create React Native apps that run on iOS, Android, and web
expo/expo-cli: Tools for making Expo apps
Issues · expo/expo-cli

facebook/react-native: A framework for building native apps with React.
React Native 中文网
React Native · A framework for building native apps using React
React Native Community

¥react-native frameworks

react-web

taofed/react-web: A framework for building web apps with React Native compatible API.

¥react-native libs、plugins&tools

#A-G

react-native-animated-view

thisXY/react-native-animated-view: 你可以像jQuery那样只给结果样式就能操作各种动画,你可以控制每一个样式的动画时间、动画函数甚至每一帧等。总之,你可以随意搭配轻松如意地操纵react-native动画。

react-native-custom-fonts

atoami/react-native-custom-fonts: 📚 React Native Custom Fonts

react-native-drawer-layout

react-native-community/react-native-drawer-layout: A platform-agnostic drawer layout for react-native

react-native-drawer-layout-polyfill

react-native-community/react-native-drawer-layout-polyfill: A polyfill for React Natives DrawerLayoutAndroid

react-native-elements

react-native-elements/react-native-elements: Cross-Platform React Native UI Toolkit

react-native-fetch-polyfill

robinpowered/react-native-fetch-polyfill: Exposes options to React Native's XMLHttpRequest that are not accessible by `whatwg-fetch`

react-native-fast-image

DylanVann/react-native-fast-image: 🚩 FastImage, performant React Native image component.

areslabs/alita: 一套把React Native代码转换成微信小程序代码的转换引擎工具。我们不造轮子,不发明新框架,只是提供工具把RN扩展到微信小程序端。

#H-N

react-native-markdown-renderer

mientjan/react-native-markdown-renderer: React Native 100% compatible CommonMark renderer

react-native-markdown

lwansbrough/react-native-markdown: Markdown component for React Native

react-native-markdown-view

Benjamin-Dobell/react-native-markdown-view: MarkdownView for React Native

react-native-multibar

alex-melnyk/react-native-multibar: React Native MultiBar

obipawan/react-native-hyperlink: A <Hyperlink /> component for react-native that makes urls, fuzzy links, emails etc clickable

react-native-image-crop-picker

ivpusic/react-native-image-crop-picker: iOS/Android image picker with support for camera, video, configurable compression, multiple images and cropping

NativeBase

GeekyAnts/NativeBase: Essential cross-platform UI components for React Native

react-native-macos

ptmt/react-native-macos: [deprecated in favor of https://microsoft.github.io/react-native-windows/] React Native for macOS is an experimental fork for writing desktop apps using Cocoa

react-native-i18n

AlexanderZaytsev/react-native-i18n: React Native + i18n.js

#O-T

react-native-order-flat-list

thisXY/react-native-order-flat-list: react-native拖动排序列表

react-native-refreshable-listview

jsdf/react-native-refreshable-listview: Deprecated. A pull-to-refresh ListView which shows a loading spinner while your data reloads

react-native-simple-markdown

CharlesMangwa/react-native-simple-markdown: 📜 React Native Markdown component (iOS & Android)

react-native-scaling-utils

tiaanduplessis/react-native-scaling-utils: Simple scaling utilities for React Native

react-native-swiper

leecade/react-native-swiper: The best Swiper component for React Native.

react-native-thirdparty

Geek-ch/react-native-thirdparty: collect some react-native-thirdparty 收集了一些RN的第三方组件集合 http://www.jianshu.com/p/53ff78168acc
React Native 项目常用第三方组件汇总 - 简书

react-three-fiber

pmndrs/react-three-fiber: 🇨🇭 A React renderer for Three.js (web and react-native)

#U-Z

react-native-web

necolas/react-native-web: React Native for Web

react-native-vector-icons

oblador/react-native-vector-icons: Customizable Icons for React Native with support for NavBar/TabBar, image source and full styling.

¥react-native projects

Gakki

shuiRong/Gakki: A React Native App for Mastodon. development acount in cmx.im:
Gakki (@shuiRong@cmx.im) - 长毛象中文站

fengshi123/react_native_project: React Native 项目,主要功能包括:试卷模块(图片剪裁、图片上传、拍照剪裁、语音录入、语音播放、图表统计等)、网盘功能(手指左滑、下拉刷新、各种文件预览等)、视听空间(视频播放、音频播放、全屏、微信分享等)、在线升级等等。

¥react-native 资源、整理集&FAQ

#react-native 资源

awesome-react-native

jondot/awesome-react-native: Awesome React Native components, news, tools, and learning material!

react-native-guide

reactnativecn/react-native-guide: React Native指南汇集了各类react-native学习资源、开源App和组件

typescript-cheatsheets/react-native: react-native-typescript-cheatsheet
React Native 环境搭建与入门
React Native学习资源全家桶 - ReactNative开发圈 - SegmentFault 思否

#react-native 整理集

#react-native FAQ

【译】React Native - 同步和异步渲染性能 - 掘金
【译】React Native中的动画渐变 - 掘金
React Native 中的状态栏 - 掘金
【译】React Native布局原理(以及Fabric将做出的改变) - 掘金
定制化你的ReactNative底部导航栏 - 掘金
React Native教程01:简介及环境准备 - 掘金
React Native教程02:基础组件和样式介绍(完结) - 掘金
[译] React Native 中那些令我收获颇丰的痛点 - 掘金
如何在 React Native + React Navigation 的项目中优雅地处理 Android 回退按钮事件 - 前端 - 掘金
React Navtive App 自动打包实践指南 - 前端 - 掘金
react native 的初次尝试之环境搭建 Mac ios - 掘金
React Native 原生模块封装:支付宝示例 - 掘金
React Native列表视图FlatList使用优化实践指南 - 掘金
react native 重构 clicli APP 总结 - 掘金
【reaact-native】android启动屏幕等比缩放与剪裁 | 师峰的博客

flow

facebook/flow: Adds static typing to JavaScript to improve developer productivity and code quality.
Flow: A Static Type Checker for JavaScript
Flow: A Static Type Checker for JavaScript
Getting Started | Flow
Subsets & Subtypes | Flow

jsx

styled-jsx

zeit/styled-jsx: Full CSS support for JSX without compromises
styled-jsx - npm

Topic: jsx
介绍全新的 JSX 转换 – React Blog
[译] JSX 的替代方案 - 掘金
重拾JSX - 掘金

redux

¥redux core

#react-redux

react-redux-starter-kit

davezuko/react-redux-starter-kit: Get started with React, Redux, and React-Router.

reduxjs/react-redux: Official React bindings for Redux
gothinkster/react-redux-realworld-example-app: Exemplary real world application built with React + Redux
jeffersonRibeiro/react-shopping-cart: 🛍️ Simple ecommerce cart application built with React Redux
React Redux · Official React bindings for Redux
react-redux 文档 · GitBook
react-redux项目实战教程 · GitBook (Legacy)
庖丁解牛React-Redux(一): connectAdvanced - 掘金
庖丁解牛React-Redux(二): connect - 掘金
react-redux源码解析 - 掘金
React-Redux 100行代码简易版探究原理。(面试热点,React Hook + TypeScript实现) - 掘金

react-redux-links

markerikson/react-redux-links: Curated tutorial and resource links I've collected on React, Redux, ES6, and more

react-redux-typescript-guide

piotrwitek/react-redux-typescript-guide: The complete guide to static typing in "React & Redux" apps using TypeScript

Redux
reduxjs/redux: Predictable state container for JavaScript apps
jasonslyvia/a-cartoon-intro-to-redux-cn: 看漫画,学 Redux。不写一行代码,轻松看懂 Redux 原理!
Read Me - Redux
applyMiddleware · Redux
www.redux.org.cn
实现撤销重做 · Redux
Middleware · Redux
自述 · GitBook

¥redux libs、plugins&tools

#Promise的解决方案

redux-promise

redux-utilities/redux-promise: FSA-compliant promise middleware for Redux.

redux-promise-middleware

pburtchaell/redux-promise-middleware: Enables simple, yet robust handling of async action creators in Redux
Introduction - Promise Middleware
一个插件让你在 Redux 中写 promise 事半功倍 - 掘金

#回调函数的解决方案

redux-thunk

redux-thunk core

reduxjs/redux-thunk: Thunk middleware for Redux

redux-thunk 之谜 - 掘金
Redux异步解决方案之Redux-Thunk原理及源码解析

#发布/订阅的解决方案

redux-saga

redux-saga core

redux-saga/redux-saga: An alternative side effect model for Redux apps
Read Me · Redux-Saga
API 参考 · Redux-Saga
初级教程 · Redux-Saga

《Redux Hero》

Redux Hero Part 1: A Hero is Born (A Fun Introduction to Redux.js)
Redux Hero Part 2: Actions and Their Consequences (a Fun Introduction to redux-actions)
Redux Hero Part 3: Choose Wisely (a Fun Introduction to reselect.js)
Redux Hero Part 5: The Hero is Tested (a Fun Introduction to redux-saga-test-plan)
Redux Hero Part 4:每个英雄都需要一个大反派(一种有趣的方式介绍 redux-saga) - 掘金

手写Redux-Saga源码
从redux-thunk到redux-saga实践 - 不挑食的程序员 - SegmentFault 思否
redux-saga 实践总结 - 知乎
Redux Saga实践
javascript – 使用redux-saga与ES6发电机vs redux-thunk与ES7 async/await的优点/缺点 - 代码日志
javascript – 编写一个与redux / redux-saga共享数据的HoC - 代码日志

#A-G

beautiful-react-redux

theKashey/beautiful-react-redux: Redux 🚀, Redux 🤘, Redux 🔥 - and the magic optimization

redux-actions

redux-utilities/redux-actions: Flux Standard Action utilities for Redux.
Read Me - redux-actions

redux-debounced

ryanseddon/redux-debounced: Debounce middleware for Redux

redux-debounce

wyze/redux-debounce: FSA-compliant middleware for Redux to debounce actions.
redux-debounce - npm

redux-devtools-extension

zalmoxisus/redux-devtools-extension: Redux DevTools extension.
Extension · Redux DevTools Extension

redux-di-middleware

redux-di-middleware - npm

redux-effect

liumin1128/redux-effect: redux-effect
优雅的redux异步中间件 redux-effect - 掘金

#H-N

redux-immutable

gajus/redux-immutable: redux-immutable is used to create an equivalent function of Redux combineReducers that works with Immutable.js state.
indexiatech/redux-immutablejs: Redux Immutable facilities.

redux-logger

LogRocket/redux-logger: Logger for Redux

react-redux-i18n

artisavotins/react-redux-i18n: binding for redux and react-i18nify

react-intl-redux

ratson/react-intl-redux: Redux binding for React Intl.

#O-T

redux-observable

redux-observable/redux-observable: RxJS middleware for action side effects in Redux using "Epics"
Introduction · redux-observable
使用 redux-observable 实现组件自治 - 掘金
redux-observable

redux-persist

rt2zz/redux-persist: persist and rehydrate a redux store

reduce-reducers

redux-utilities/reduce-reducers: Reduce multiple reducers into a single reducer from left to right

redux-react-firebase

tiberiuc/redux-react-firebase: Use Firebase with React and Redux in ES6
redux-react-firebase/API.md at master · tiberiuc/redux-react-firebase

redux-rx

acdlite/redux-rx: RxJS utilities for Redux.

rematch

rematch/rematch: A Redux Framework
Getting Started · Rematch

reselect

reduxjs/reselect: Selector library for Redux

reactive-react-redux

dai-shi/reactive-react-redux: React Redux binding with React Hooks and Proxy

redux-toolkit

reduxjs/redux-toolkit: The official, opinionated, batteries-included toolset for efficient Redux development

standard-redux-shape

ecomfe/standard-redux-shape: A library to help standardize your redux state shape

svelte3-redux

dai-shi/svelte3-redux: Redux for Svelte 3

rtk-incubator/rtk-query: Experimental data fetching and caching addon for Redux Toolkit

#U-Z

redux-zero

redux-zero/redux-zero: A lightweight state container based on Redux

why-did-you-update-redux

theKashey/why-did-you-update-redux: Patch Redux to discover unnecessary re-renders

¥redux 资源、整理集&FAQ

javascript - How to dispatch a Redux action with a timeout? - Stack Overflow
Redux 入门教程(一):基本用法 - 阮一峰的网络日志
Redux 入门教程(二):中间件与异步操作 - 阮一峰的网络日志
Redux 入门教程(三):React-Redux 的用法 - 阮一峰的网络日志
React + Redux 性能优化(一):理论篇 - 掘金
React + Redux 性能优化(二)工具篇: Immutablejs - 掘金
Redux + Immutable.js 性能优化 - 掘金
10行代码看尽redux原理 —— 全面剖析redux | react-redux | redux中间件设计实现(近8k字) - 掘金
React通过redux缓存列表数据以及滑动位置,回退时恢复页面状态 - 掘金
Redux 基础教程以及结合 React 使用方式 - 掘金
为什么react-redux没有更新hooks API - 掘金
通俗易懂地理解Redux - 掘金
Redux开发实用教程 - 掘金
RxJS与Redux结合使用(一):打造自己的redux-observable - 掘金
react-redux/redux相关API,用法原理 - 掘金
造玩具学原理系列 | redux 源码解析及模拟实现 - 掘金
喵了个咪!redux middleware居然如此简单! - 掘金
[三元学Redux]Redux中间件(thunk+saga应用) - 掘金
Redux工作流及工程化编码指南 - 掘金
redux v4.0.0 源码分析 - 掘金
不一样的redux源码解析 - 掘金
用少量代码实现redux核心部分及其演化历史 - 掘金
用最基础的方法讲解 Redux 实现原理 - 掘金
Redux源码初探 - 掘金
【KT】轻松搞定Redux源码解读与编程艺术
react-redux的使用从action规划到reducer实现及完整案例 - Marswill - CSDN博客
Redux与它的中间件:redux-thunk,redux-actions,redux-promise,redux-sage - qq_42606051的博客 - CSDN博客
Redux、Redux-Thunk、Redux-Sagas、React-Redux学习笔记 - WJ的博客 - CSDN博客
redux、react-redux、middleware原理及使用 - 简书
Redux,Koa,Express之middleware机制对比 - 简书
redux, koa, express 中间件实现对比解析 - 个人文章 - SegmentFault 思否
Redux的全家桶与最佳实践 - 知乎
一起动手造轮子: Redux + React Redux - 知乎
redux-thunk, redux-logger 阮一峰 ( react中间件 ) - 小小公举 - 博客园
koa/redux middleware 深入解析 - chenby - 博客园
Redux之中间件的原理和applyMiddleware、Thunk的实现 - xxx=== - 博客园
《彻底掌握redux》之开发一个任务管理平台
Redux Crash Course with Hooks 🎣 - DEV Community

react-router

react-router core

react-router-dom

react-router/packages/react-router-dom at master · ReactTraining/react-router
react-router-dom - npm
react-router-dom示例讲解(一)——基本使用 - mapbar_front的博客 - CSDN博客
react-router-dom示例讲解(二)——url路径参数 - mapbar_front的博客 - CSDN博客
react-router-dom示例讲解(三)——认证功能 - mapbar_front的博客 - CSDN博客
react-router-dom示例讲解(四)——自定义链接 - mapbar_front的博客 - CSDN博客
react-router-dom示例讲解(五)——阻止导航 - mapbar_front的博客 - CSDN博客
react-router-dom示例讲解(六)——未匹配(404页面) - mapbar_front的博客 - CSDN博客
react-router-dom示例讲解(七),路径递归 - mapbar_front的博客 - CSDN博客
react-router-dom示例讲解(8)侧边栏 - mapbar_front的博客 - CSDN博客
react-router-dom示例讲解(9)模糊匹配 - mapbar_front的博客 - CSDN博客
react通过react-router-dom拦截实现登录验证 - przlovecsdn的博客 - CSDN博客
React-Router-DOM 4.x 的使用 - 优雅的博客 - CSDN博客
react-router-dom嵌套路由_qq_40816649的博客-CSDN博客
react-router-dom v^4学习历程(一) - 前端技术交流 - SegmentFault 思否
React Router DOM 中文文档(一) - 简书
React Router DOM 中文文档(二) - 简书
在React中使用react-router-dom路由 - 简书
使用react-router-dom 来搭建react路由 - 一叶*秋 - 博客园

ReactTraining/react-router: Declarative routing for React
docschina/react-router.cn: [印记中文](https://docschina.org/) - 🌐 react-router 中文文档
React Router: Declarative Routing for React.js
React Router: Declarative Routing for React.js
React Router: Declarative Routing for React.js
React Router: Declarative Routing for React.js
Introduction | React Router 中文文档
API 文档 | React Router 中文文档
react-router.cn
Deployment · Create React App

react-router libs、plugins&tools

connected-react-router

supasate/connected-react-router: A Redux binding for React Router v4

react-router-config

react-router/README.md at master · ReactTraining/react-router
react-router-config - npm
react-router-config 插件使用和分析 - qq_33325899的博客 - CSDN博客
利用react-router4的react-router-config做路由鉴权 - 个人文章 - SegmentFault 思否
react-router4基于react-router-config的路由拆分与按需加载 - 简书

react-router-5-course

ReactTraining/react-router-5-course

react-live-route

fi3ework/react-live-route: An enhanced react-router-v4/5 Route that keeps route alive.

react-router 资源、整理集&FAQ

前端路由实现及 react-router v4 源码分析 · Issue #21 · fi3ework/blog
Protecting a route with react-router-config? · Issue #4962 · ReactTraining/react-router
Newest 'react-router' Questions - Stack Overflow
javascript - reactjs - can not read property push of undefined - Stack Overflow
「源码解析 」这一次彻底弄懂react-router路由原理
如何实现一个react-router路由拦截(导航守卫) - 掘金
【译】手摸手写一个你自己的 React Router v4 - 掘金
实现react-router v4(上) - 掘金
React Router v5.1.x中的新功能 - 掘金
React-Router v6 新特性解读及迁移指南 - 掘金
React-router、antd实现同步浏览器地址高亮对应菜单 - 掘金
dva学习-route路由学习 - Visonws的博客 - CSDN博客
React-Router4.X路由的嵌套以及实例_pckonline的博客-CSDN博客
react-router4中嵌套路由的写法_weixin_39963132的博客-CSDN博客
利用react-router实现按需加载、登录验证、刷新组件。。。 - 每天一探 - SegmentFault 思否
React Router 4.0 ---- 嵌套路由和动态路由 - SamWeb - 博客园
react router4.0实现登录拦截 - 爱情博物馆

React.js 服务端渲染(SSR)

React.js awesome、源码、文档&社区

¥Fiber

《React Fiber源码分析》

React Fiber源码分析 第一篇 - 掘金
React Fiber源码分析 第二篇(同步模式) - 掘金
React Fiber源码分析 第三篇(异步状态) - 掘金
React Fiber源码分析 第四篇(归纳总结) - 掘金

fre

132yse/fre: Fast 1kb JavaScript library with Fiber and hooks API
fre-document

React Fiber 数据结构揭秘 - 掘金
react fiber 主流程及功能模块梳理 - 掘金
React Fiber 源码解析
手写React的Fiber架构,深入理解其原理
轻烤 React 核心机制:React Fiber 与 Reconciliation

¥HTTP

AJAX and APIs – React

¥React 源码

#React 源码 core

facebook/react: A declarative, efficient, and flexible JavaScript library for building user interfaces.
reactjs/cn.reactjs.org: (Work in progress) React documentation website in Chinese
reactjs/zh-hans.reactjs.org: (Work in progress) React documentation website in Simplified Chinese
docschina/react: React docs in Chinese | React 中文文档翻译
discountry/react: React docs in Chinese | React 中文文档翻译
reactjs/rfcs: RFCs for changes to React
Issues · facebook/react
yiminghe/learning-react: materials about learning react
React - A JavaScript library for building user interfaces
React – 用于构建用户界面的 JavaScript 库
React 中文文档 - 用于构建用户界面的 JavaScript 库
React 中文文档 - 用于构建用户界面的 JavaScript 库
入门教程: 认识 React – React
React v16.13.0 – React Blog
Where To Get Support – React
DOM Elements – React
传递函数给组件 - React
React 中文文档 - 用于构建用户界面的 JavaScript 库
React 中文
React integration for ASP.NET MVC | ReactJS.NET
React 中文开发手册 - 开发者手册 - 云+社区 - 腾讯云
React 组件 API | 菜鸟教程

#React 源码分析

《React源代码解析》

React源代码解析(1):jsx语法是如何解析 - 掘金
React源代码解析(2):组件的挂载 - 掘金
React源代码解析(3):组件的生命周期 - 掘金

《React源码系列》

React源码系列(一): 总结看源码心得及方法感受 · Issue #1 · jsonz1993/react-source-learn
React源码系列(二): 从jsx到createElement · Issue #2 · jsonz1993/react-source-learn
React源码系列(三): ReactRoot的创建以及调度工作scheduleWork的执行 · Issue #3 · jsonz1993/react-source-learn
React源码系列(四): Fiber Tree && commit · Issue #4 · jsonz1993/react-source-learn
React源码系列(五): 新 ContextAPI · Issue #5 · jsonz1993/react-source-learn
React 源码系列-Component、PureComponent、function Component 分析 - 掘金
React 源码系列 | ref 功能详解 | 源码 + 实战例子 | 你可能并不真正懂 ref - 掘金
React 源码系列 | React Children 详解 | Children 中 key 内部生成原理 - 掘金
React 源码系列 | React Context 详解 - 掘金

《React 源码学习》

React 源码学习(一):HTML 元素渲染 - 掘金
React 源码学习(二):HTML 子元素渲染 - 掘金
React 源码学习(三):CSS 样式及 DOM 属性 - 掘金
React 源码学习(四):事务机制 - 掘金
React 源码学习(五):事件机制 - 掘金
React 源码学习(六):组件渲染 - 掘金
React 源码学习(七):生命周期 - 掘金
React 源码学习(八):组件更新 - 掘金

janryWang/react-study: React源码分析,需要进一步了解请移步https://github.com/purplebamboo/little-reactjs
purplebamboo/little-reactjs: 用来演示reactjs源码的仓库,一步步实现reactjs的核心功能。
reactjs源码分析-上篇(首次渲染实现原理) | blog of purplebamboo
reactjs源码分析-下篇(更新机制实现原理) | blog of purplebamboo
https://juejin.im/post/5dff334851882579dc6f8167
React16源码解读:揭秘ReactDOM.render - 掘金
React 对象源码解析-带你走进高级程序员的世界 - 掘金

React 16.0

重拾React: React 16.0 - 掘金

¥React 事务

React事务的一些理解 - 掘金

¥React Scheduler

react/Scheduler.js at v16.7.0 · facebook/react
React Scheduler 源码详解(1) - 掘金
React Scheduler 源码详解(2) - 掘金
[译] React 中的调度 - 掘金

¥Virtual Dom & React Diff

React Diff/Render

React 渲染优化:diff 与 shouldComponentUpdate - 掘金
[译] Virtual Dom 和 Diff 算法在 React 中是如何工作的? - 掘金
让虚拟DOM和DOM-diff不再成为你的绊脚石 - 掘金

react-diff-viewer

praneshr/react-diff-viewer: A simple and beautiful text diff viewer component made with Diff and React.

《你不知道的Virtual DOM》

你不知道的Virtual DOM(一):Virtual Dom介绍 - 前端大宝剑 - SegmentFault 思否
你不知道的Virtual DOM(二):Virtual Dom的更新 - 前端大宝剑 - SegmentFault 思否
你不知道的Virtual DOM(三):Virtual Dom更新优化 - 前端大宝剑 - SegmentFault 思否
你不知道的Virtual DOM(四):key的作用 - 前端大宝剑 - SegmentFault 思否
你不知道的Virtual DOM(五):自定义组件 - 前端大宝剑 - SegmentFault 思否
你不知道的Virtual DOM( 六):事件处理&异步更新 - 前端大宝剑 - SegmentFault 思否

Topic: virtual-dom
从零开始一步一步写一个简单的Virtual DOM实现 2 :Props&Event处理 - 某熊的全栈之路 - SegmentFault 思否
Vue原理解析之Virtual Dom - Joe - SegmentFault 思否

¥通信方式

react组件通讯通识篇 - 掘金
react兄弟组件之间通信 - 农家小院 - CSDN博客
react没有嵌套关系的组件之间通信方法详解 - bbgdebb的博客 - CSDN博客
【react兄弟组件传值用啥】 - CSDN
React 组件通信之 React context - 个人文章 - SegmentFault 思否
React中组件通信的几种方式 - 前端小码农 - SegmentFault 思否
React 中的Context - 简书
React 中组件间通信的几种方式 - 简书
React数据流和组件间的通信总结 - Tim晨 - 博客园
关于react组件之间的通信 - 极品草根 - 博客园
React组件之兄弟组件沟通

¥核心概念(Main Concepts)

¥JSX 简介(Introducing JSX)

Introducing JSX – React
JSX 简介 – React

¥元素渲染(Rendering Elements)

Rendering Elements – React
元素渲染 – React

¥组件 & Props(Components and Props)

组件 & Props – React
Components and Props – React

#Components

Function/Class

weekly/95.精读《Function VS Class 组件》.md at master · dt-fe/weekly
Function 与 Classes 组件的区别在哪? - 掘金
【译】函数组件和类组件有什么不同? - 掘金
精读《Function VS Class 组件》 - 掘金
React Ways1——函数即组件 - 掘金
一文让你学会 React 函数式组件优化
[译] React 是如何区分 Class 和 Function 的 ? - 掘金
react设计--他怎么知道是类组件还是函数组件 - 掘金

React 组件设计模式

reactpatterns.cn

keelii/reactpatterns.cn: 18 种短小精悍的 React 模式案例,通俗易懂值得收藏。
React Patterns
React Patterns

chantastic/reactpatterns.com
Presentational and Container Components – Dan Abramov – Medium
React Higher Order Components in depth – franleplant – Medium
Function as Child Components – Merrick Christensen – Medium
(译)React 组件设计模式基础 - 掘金
react 设计模式与最佳实践 - 掘金
【译】更好地设计React组件 - 掘金
React 组件模式学习总结 - 掘金

组件样式

《深入react技术栈》之样式处理 - 掘金
React给添加元素增加样式 - freesky的专栏 - CSDN博客
vue开发中,父组件添加scoped之后。解决在父组件中无法修改子组件样式问题。 - 知乎
初学React:组件的样式 - 黑乌鸦 - 博客园

组件复用/可重用

<keep-alive> 组件

React 怎么实现 Vue 的 <keep-alive> 组件 - 掘金

Mixins

react-mixin

brigand/react-mixin: mixins in react with es6 style classes

react-mixin-manager

jhudson8/react-mixin-manager: React mixin registration manager which allows mixins to have dependencies
jhudson8.github.io/fancydocs/index.html#project/jhudson8/react-mixin-manager

react-backbone

jhudson8/react-backbone: backbone-aware mixins for react and a whole lot more

Mixins Considered Harmful – React Blog
React Mixins入门指南 - 掘金
React-代码复用(mixin.hoc.render props) - 掘金

容器组件

Container Components – Learn React with chantastic – Medium
【译】容器组件 (Container Components) - 掘金

React组件化复用的一些技巧 - 掘金
从同一功能的八种实现,谈谈 react 中的逻辑复用进化过程

javascript - How do you check the difference between an ECMAScript 6 class and function? - Stack Overflow
How Does React Tell a Class from a Function? | Overreacted
React 的几种条件渲染以及选择 - 掘金
Structuring projects and naming components in React

#Props

[译]我们为什么要写 super(props)? - 掘金
react render propsGetter - 掘金
[译]为什么要写 super(props) - 掘金
javascript - react这个什么意思<Messages {...this.props}/> - SegmentFault 思否
React父组件更新props触发子组件的state - 简书
React的getDefaultProps和getInitialState - 看风景就 - 博客园
react中父级props改变,更新子级state的多种方法 - 打伞路人 - 博客园
​设置默认getDefaultProps()报错_慕课问答

¥State & 生命周期

State and Lifecycle – React
State & 生命周期 – React

#setState

React.Component – React
React浅谈setState - 掘金
[React技术内幕] setState的秘密 - 掘金
[译]react的setState如何知道该做什么 --Dan Abramov - 掘金
【React深入】setState的执行机制 - 掘金
你真的理解setState吗?
React 之 setState - CSDN博客
setState详解 - CSDN博客
深入研究React setState的工作机制 - DanceOnBeat - 博客园

#React 生命周期

React v16.3新生命周期

React.Component – React
React.Component – React
Update on Async Rendering – React Blog
不了解一下React16.3的新生命周期? - 掘金
React v16.3新生命周期 - clf_programing - CSDN博客
【译】React16.3+ 生命周期 - xiaozhuo_tang的博客 - CSDN博客
React16.3后的生命周期理解 - xjl271314的博客 - CSDN博客
React生命周期及事件详解 - 明明的博客 - CSDN博客
(/≧▽≦/)馒头加梨子!
ReactV16.3即将更改的生命周期_慕课手记

React 16.4 之后的生命周期

React 组件生命周期详解 - 掘金
ReactUtilsDemo/react-component-lifecycle at master · beichensky/ReactUtilsDemo
我对 React V16.4 生命周期的理解

react-lifecycles-compat

reactjs/react-lifecycles-compat: Backwards compatibility polyfill for React class components

React新旧生命周期一览 · Issue #3 · YvetteLau/Blog
react-pxq/react-lifecycle.png at master · bailicangdu/react-pxq
React 生命周期浅谈 - 掘金
图解React的生命周期及执行顺序 - 掘金
React v16 生命周期函数详解:如何、何时使用它们(React 组件生命周期的修订和最新指南) - 掘金
React v16 生命周期函数详解:如何、何时使用它们(React 组件生命周期的修订和最新指南) - 掘金
你真的了解 React 生命周期吗 - 掘金
JavaScript实现自定义的生命周期 - 掘金
[三元学React]React组件的生命周期函数 - 掘金
React 新旧生命周期的思考理解 - 知乎
React生命周期执行顺序详解 - xiaobe - 博客园
来谈谈Reactv16.3新生命周期知识点及遇到的问题 - html/css语言栏目:html.css - 红黑联盟
React15和React16生命周期对比,初识Fiber

horseshoe/不可变属性.md at master · veedrin/horseshoe

¥事件处理(Handling Events)

Handling Events – React
事件处理 – React
处理事件 – React 中文文档 v16.6.3
通过例子来理解 React 的事件系统

¥条件渲染(Conditional Rendering)

Conditional Rendering – React
条件渲染 – React

¥列表 & Key(Lists and Keys)

Lists and Keys – React
列表 & Key – React
[React技术内幕] key带来了什么 - 掘金

¥表单(Forms)

Forms – React
表单 – React

¥状态提升(Lifting State Up)

Lifting State Up – React
状态提升 – React

¥组合 vs 继承(Composition vs Inheritance)

Composition vs Inheritance – React
组合 vs 继承 – React

¥React 哲学(Thinking in React)

Thinking in React – React
React 哲学 – React

¥高级指引(Advanced Guides)

¥网络无障碍辅助功能(Accessibility,a11y)

Accessibility – React
无障碍辅助功能 – React

¥代码分割(Code-Splitting)

Code-Splitting – React
代码分割 – React
【翻译】基于 Create React App路由4.0的异步组件加载(Code Splitting) - naice - SegmentFault 思否

¥Context

create-react-context

jamiebuilds/create-react-context: Polyfill for the proposed React context API

react-context-global-store

eleme/react-context-global-store: A simple global store based on React context

New version of context by acdlite · Pull Request #2 · reactjs/rfcs
Context – React
Context – React
Legacy Context – React
重拾React: Context - 掘金
基于React Context Api 和 Es6 Proxy的状态管理 - 掘金
React状态管理之Context - 掘金
(译)React ⚛️ 新的 Context API - 掘金
使用 react Context API 的正确姿势 - 掘金
React 老版本的context API使用对比 - 掘金

¥错误边界(Error Boundaries)

Error Boundaries – React
错误边界 – React

¥Refs 转发(Forwarding Refs)

Forwarding Refs – React
Refs 转发 – React

¥Fragments

Fragments – React
Fragments – React

¥高阶组件(Higher-Order Components,HOC)

Higher-Order Components – React
高阶组件 – React

hoist-non-react-statics

mridgway/hoist-non-react-statics: Copies non-react specific statics from a child component to a parent component

react-xstream-hoc

staltz/react-xstream-hoc: A utility to make React components easily consume xstream streams

react-feature-toggles

paralleldrive/react-feature-toggles: Feature Toggles for React Projects

react-debounce-render

podefr/react-debounce-render: A React higher order component to debounce the rendering of your React components

acdlite/recompose: A React utility belt for function components and higher-order components.
[译] 使用 Recompose 来构建高阶组件 - 掘金
ES 6 装饰器与 React 高阶组件 - 掘金
React 高阶组件介绍 - 掘金
React 高阶组件(HOC)入门指南 - 掘金
React 中的高阶组件及其应用场景 - 掘金
React高阶组件初探(1) - 掘金
React 高级应用 -- 高阶组件 Heigher Order Component - 掘金
React 高阶组件 - 掘金
React Conditional Rendering Best Practices with 7 Different Methods - DEV

¥与第三方库协同(Integrating with Other Libraries)

Integrating with Other Libraries – React
与第三方库协同 – React

¥深入 JSX(JSX In Depth)

JSX In Depth – React
深入 JSX – React

¥性能优化(Optimizing Performance)

Optimizing Performance – React
Optimizing Performance – React

¥Portals

Portals – React
Portals – React
传送门:React Portal - 知乎

¥Profiler API

Profiler API – React
Profiler API – React

¥不使用 ES6(React Without ES6)

React Without ES6 – React
不使用 ES6 – React

¥不使用 JSX(React Without JSX)

React Without JSX – React
不使用 JSX 的 React – React

¥协调(Reconciliation)

Reconciliation – React
协调 – React

¥Refs and the DOM

Refs and the DOM – React
Refs and the DOM – React
reactjs - React.createRef always null - Stack Overflow
React ref 指北教程 - 掘金
[React翻译]Refs and the DOM - 掘金
React 之 Refs 详解 - 掘金
react16——ref & dom - abc的博客 - CSDN博客
react16中ref的使用 - 马优晨 - CSDN博客
React16.3中的Refs和Forwarding Refs - liwusen的博客 - CSDN博客
React学习笔记(三):引用(Refs)& DOM - 一个大神的发展史 - CSDN博客
React中ref的使用 - 简书
React 中的转发ref - 简书
学习React中ref的两个demo示例_javascript技巧_脚本之家
React ref的用法 - 看风景就 - 博客园

¥Render Props

Render Props – React
Render Props – React
如何解决 Render Props 的回调地狱

¥静态类型检查(Static Type Checking)

Static Type Checking – React
静态类型检查 – React

¥严格模式(Strict Mode)

Strict Mode – React
严格模式 – React

¥使用 PropTypes 进行类型检查(Typechecking With PropTypes)

Typechecking With PropTypes – React
使用 PropTypes 进行类型检查 – React
React v15.5.0 – React Blog

#PropTypes

facebook/prop-types: Runtime type checking for React props and similar objects
PropTypes 和组件参数验证 | React.js 小书
使用 PropTypes 进行类型检查 - React
reactjs - Static propTypes not working under ES6 - Stack Overflow
react中ES6语法报错:static propTypes,static defaultProps :modulbuild failed:SyntaxError - 飞碟儿的博客 - CSDN博客
React中静态类型校验-PropTypes学习 - suwu150 - CSDN博客
React PropTypes 定义组件的属性类型和默认属性 - 卓原的进化之旅 - CSDN博客
webpack打包错误, Unexpected token: static propTypes... - SegmentFault 思否
react.js - 这两种写属性验证propTypes的方法是一回事吗 - SegmentFault 思否
react中使用prop-types检测props数据类型 - 简书
【react】利用prop-types第三方库对组件的props中的变量进行类型检测 - 外婆的彭湖湾 - 博客园
React Native 系列(六) -- PropTypes - Scott_Mr - 博客园

¥Controlled/Uncontrolled

Controlled and uncontrolled form inputs in React don't have to be complicated - Gosha Arinich
React中的受控组件和非受控组件学习总结 - 掘金
《深入react技术栈》之表单 - 掘金
Forms – React
表单 – React
Uncontrolled Components – React
非受控组件 – React

¥Web Components

Web Components – React
Web Components – React

¥API Reference

¥React 顶层 API(React Top-Level API)

React 顶层 API – React
React Top-Level API – React

#React.Component

React 顶层 API – React

#React.PureComponent

React 顶层 API – React
React性能优化:PureComponent的使用原则 - 掘金
React PureComponent 使用指南 - 前端 - 掘金
PureComponent 使用注意事项以及源码解析 - 掘金

#React.memo

React 顶层 API – React
You Probably Don't Need Derived State – React Blog
en.wikipedia.org

#React.createElement(type,[props],[...children])

React 顶层 API – React

#React.createFactory(type)

React 顶层 API – React

#React.cloneElement(element,[props],[...children])

React 顶层 API – React

#React.isValidElement(object)

React 顶层 API – React

#React.Children

React 顶层 API – React

#React.Fragment

React 顶层 API – React

#React.createRef

React 顶层 API – React

#React.forwardRef

React 顶层 API – React

#React.lazy

React 顶层 API – React
React v16.6.0: lazy, memo and contextType - React Blog
React 异步组件 - 掘金

#React.Suspense

React 顶层 API – React

react-suspense-polyfill

transitive-bullshit/react-suspense-polyfill: Polyfill for the React Suspense API 😮
react-suspense-polyfill

Async React using React Router & Suspense – ITNEXT
深度理解 React Suspense - 掘金
React Suspense 尝鲜 - 掘金
基于React.Suspense和React.lazy的前端性能优化 - 前端 - 掘金
使用 React.Suspense 和 React.lazy() 实现 Code Splitting - 前端 - 掘金
React Suspense + 自定义Hook开启数据请求新方式。 - 掘金
React suspense用法详解 - 掘金

¥ReactDOM

ReactDOM – React
ReactDOM – React

¥ReactDOMServer

ReactDOMServer – React
ReactDOMServer – React

¥DOM 元素(DOM Elements)

DOM Elements – React
DOM 元素 – React

¥合成事件(SyntheticEvent)

SyntheticEvent – React
合成事件 – React
合成事件(SyntheticEvent) – React 中文文档 v16.6.3
Where to Fetch Data: componentWillMount vs componentDidMount
【React深入】React事件机制 - 掘金
React 事件和 Dom 事件 - 掘金
为何要在componentDidMount里面发送请求? - 掘金
React数据获取为什么一定要在componentDidMount里面调用? - sfq_a的回答 - SegmentFault 思否

¥Test Utilities

Test Utilities – React
Test Utilities – React

¥Test Renderer

Test Renderer – React
Test Renderer – React

¥JavaScript 环境要求(JavaScript Environment Requirements)

JavaScript Environment Requirements – React
JavaScript 环境要求 – React
chrisdickinson/raf: requestAnimationFrame polyfill library

¥React 术语词汇表(Glossary of React Terms)

Glossary of React Terms – React
React 术语词汇表 – React

¥Hooks

#Hooks core

useState

React Hooks之useState - 掘金

useEffect

精读《useEffect 完全指南》 - 掘金

useContext

useReducer

useReducer使用和原理_文摘资讯-CSDN博客

useCallback

useMemo

useRef

你不知道的 useRef

useImperativeMehtods / useImperativeHandle

useLayoutEffect

Introducing Hooks – React
Hook 简介 – React
Using the Effect Hook – React
Hooks FAQ – React
Building Your Own Hooks – React
React – A JavaScript library for building user interfaces

#Hooks libs、plugins&tools

ahooks

alibaba/hooks: React Hooks Library

beautiful-react-hooks

beautifulinteractions/beautiful-react-hooks: 🔥A collection of beautiful and (hopefully) useful React hooks to speed-up your components and hooks development 🔥

runtime-hooks

gaoding-inc/runtime-hooks: 🔗 Utils for JS runtime hooking & injecting.
基于原型链劫持的前端代码插桩实践 - 知乎

react-hanger

kitze/react-hanger: A small collection of useful hooks for React 16.7
一个很有意思的hook库:react-hanger - 掘金

react-loops

leebyron/react-loops: React Loops works with React Hooks as part of the React Velcro Architecture
React Loops 尝鲜 - 掘金

react-use

streamich/react-use: React Hooks — 👍
Components | < UseKey > - Demo ⋅ Storybook

react-form

tannerlinsley/react-form: ⚛️ Hooks for managing form state and validation in React

rxjs-hooks

LeetCode-OpenSource/rxjs-hooks: React hooks for RxJS

react-hook

jaredLunde/react-hook: ↩ Strongly typed React hooks for function components

react-hooks

kripod/react-hooks: Essential set of React Hooks for convenient Web API consumption and state management.

react-use-hover

andrewbranch/react-use-hover: State hook to determine whether a React element is being hovered

react-final-form-hooks

final-form/react-final-form-hooks: React Hooks to bind to 🏁 Final Form's high performance subscription-based form state management engine

react-use-form-state

wsmd/react-use-form-state: 📄 React hook for managing forms and inputs state

react-useportal

alex-cory/react-useportal: 🌀 React hook for Portals

rehooks

rehooks/local-storage: React hook which syncs localStorage[key] with the comp.
@rehooks/local-storage - npm

sunflower

ant-design/sunflower: 支付宝行业前端在使用的中台流程组件
sunflower

swr

zeit/swr: React Hooks library for remote data fetching
精读《Hooks 取数 - swr 源码》 - 掘金
vercel/swr: React Hooks library for remote data fetching

usehooks

gragland/usehooks: Easy to understand React Hook code recipes
useHooks - Easy to understand React Hook recipes

use-debounce

xnimorz/use-debounce: A debounce hook for react

use-throttle

bhaskarGyan/use-throttle: A Throttle hook for react

umijs/hooks

umijs/hooks: React Hooks Library
@umijs/hooks
Umi Hooks - 助力拥抱 React Hooks

use-immer

immerjs/use-immer: Use immer to drive state with a React hooks

use-resize-observer

ZeeCoder/use-resize-observer: A React hook that allows you to use a ResizeObserver to measure an element's size.

useRequest

useRequest - 蚂蚁中台标准请求 Hooks

useWorker

alewin/useWorker: ⚛️ useWorker() - A React Hook for Blocking-Free Background Tasks

use-http

ava/use-http: 🐶 React hook for making isomorphic http requests

use-media

streamich/use-media: useMedia React hook to track CSS media query state

Frezc/use-lodash-debounce-throttle: Bring debounce & throttle of lodash version to react hooks
chrisjpatty/crooks: A collection of eclectic react hooks
linbudu599/useMultiImperativeHandle: Enhanced useImperativeHandle to enable converting objects mount on ref.current
PenumbraPro/hooks-dev-starter: Simple template help to developing React Hooks fast and easy.
PenumbraPro/react-useVerifyCode-hook: Easy way in verify code sending. 适用于验证码场景的React Hooks

#Hooks projects

yjdjiayou/react-hooks-qunar-demo: 仿去哪儿网火车票移动端项目(React Hooks 版)

#Hooks 资源、整理集&FAQ

Hooks 资源

hooks.guide

Raathigesh/hooks.guide: 🏗 Collection of React hooks curated by the community
Hooks.guide

rehooks

Rehooks
rehooks/awesome-react-hooks: Awesome React Hooks

Add eslint-plugin-react-hooks/exhaustive-deps rule to check stale closure dependencies by gaearon · Pull Request #14636 · facebook/react
weekly/79.精读《React Hooks》.md at master · dt-fe/weekly
weekly/80.精读《怎么用 React Hooks 造轮子》.md at master · dt-fe/weekly
blog/hooks.md at vuepress · hentaicracker/blog
分类:React - Postbird - 猫既吾命

Hooks 整理集

《用动画和实战打开 React Hooks》

用动画和实战打开 React Hooks(一):useState 和 useEffect - 掘金
用动画和实战打开 React Hooks(二):自定义 Hook 和 useCallback - 掘金
用动画和实战打开 React Hooks(三):useReducer 和 useContext - 掘金

React Hooks 入门教程 - 阮一峰的网络日志
10分钟教你手写8个常用的自定义hooks - 掘金
React Hooks 详解 【近 1W 字】+ 项目实战 - 掘金
React Hook 内置 API 指南 非常详细_qq_36586702的博客-CSDN博客
【译】值得推荐的十大React Hook 库

Hooks FAQ

javascript - State not updating when using React state hook within setInterval - Stack Overflow
How the Vue Composition API Replaces Vue Mixins | CSS-Tricks
Thinking in React Hooks
jvvkoo8pq3 - CodeSandbox
How to fetch data with React Hooks? - RWieruch
[译] 理解 React Hooks
在小程序中使用 React with Hooks - 掘金
React Hooks 起手式,实现一个「高颜值实用」的色彩设计工具 - 掘金
[译] 如何测试 React Hooks ? - 掘金
「ReactNaitve」对hooks最佳实践的探索 - 掘金
通过简单的示例来理解React Hook - 前端 - 掘金
React Hooks入门: 基础 - 掘金
React hooks实践 - 掘金
关于React Hooks,你不得不知的事 - 掘金
如何在受控表单组件上使用 React Hooks - 前端 - 掘金
一次完整的react hooks实践 - 掘金
React State Hooks的闭包陷阱,在使用Hooks之前必须掌握 - 掘金
React 进阶系列:Hooks 该怎么用 - 掘金
React教程之高阶组件 - 掘金
React Hooks全面理解教程 - 前端 - 掘金
React Hooks 札记 - 掘金
React教程:组件,Hooks和性能 - 掘金
【翻译】在 React Hooks 中如何请求数据? - 掘金
在Canvas中使用React Hooks - 掘金
【译】如何在React Hooks中获取数据? - 掘金
使用React Hooks你可能会忽视的作用域问题 - 掘金
X 为啥不是 hook? - 掘金
Render Props and Hooks - 掘金
初探React Hooks & SSR改造 - 掘金
React Hooks 的用法 - 掘金
在react native中使用hooks - 掘金
React Hooks环境搭建 - 掘金
React Hook + TS 购物车实战(性能优化、闭包陷阱、自定义hook) - 掘金
React如何用Hook实现Vue中的watch - 掘金
React + TypeScript + Hook 带你手把手打造类型安全的应用。 - 掘金
使用React Hooks + 自定义Hook封装一步一步打造一个完善的小型应用。 - 掘金
前端精神小伙:React Hooks 响应式布局 - 掘金
React hooks 怎样做防抖? - 掘金
Hooks & Mobx 只需额外知道两个 Hook,便能体验到如此简单的开发方式 - 掘金
React Hooks 与 Immutable 数据流实战 - 神三元 - 掘金小册
React Hooks 最佳实践
react-hooks如何使用?
烤透 React Hook
使用 React Hooks 声明 setInterval — Overreacted
将 React 作为 UI 运行时 — Overreacted
你可能不知道的 React Hooks
React Hooks 下 render 次数的优化
从一个需求出发,聊聊useRef三兄弟
玩转react-hooks,自定义hooks设计模式及其实战
【重构】使用 Hooks 让代码更易于变更
当我们讨论 hooks 时到底在讨论什么

¥Testing

Testing Overview – React
测试概览 – React

¥Concurrent 模式介绍 (实验性)(Introducing Concurrent Mode (Experimental))

Concurrent 模式介绍 (实验性) – React
Introducing Concurrent Mode (Experimental) – React
Concurrent 模式介绍 (实验性) – React
React Concurrent 模式抢先预览下篇: useTransition 的平行世界 - 掘金

React.js components&libs

¥Authorization

#React.js 密码强度

ttdung11t2/react-native-password-strength-checker: A react-native password input with strength checker for both IOS and Android
abhijeetNmishra/react-password-strength-meter: React Component to display password strength meter - Demo at :
ezranbayantemur/react-native-passmeter: Simple password strength meter for React Native.
rodrigowpl/react-password-strength: React component based on dropbox algorithm for Password Strength Estimation
mmw/react-password-strength: A password strength indicator field for use in React projects

¥badge、emoji&icon

emoji-mart

missive/emoji-mart: One component to pick them all 👊🏼
Emoji Mart 🏬 | One component to pick them all

react-fa

andreypopp/react-fa: Font Awesome icons as React components
https://andreypopp.github.io/react-fa/

react-icons

react-icons/react-icons: svg react icons of popular icon packs
react-icons

react-spinners

react-spinners by davidhu2000 · Bit

¥Chat

Chat-React

Hzy0913/chat-react: chat react chat component
Chat-React基于react的聊天会话组件 - 掘金

¥events

#click

react-onclickoutside

Pomax/react-onclickoutside: An onClickOutside wrapper for React components

react-fastclick

JakeSidSmith/react-fastclick: Fast Touch Events for React
VaJoy/fastclick-analysis: fastclick源码分析
react-fastclick - npm
2019 再聊移动端 300ms 延迟及 fastClick 原理解析 - 掘金

#drag&drop

react-dnd

react-dnd/react-dnd: Drag and Drop for React
React DnD
React DnD
react-dnd 用法详解 - 掘金
React-DnD 的使用 - scarlex - SegmentFault 思否
React-DnD 的使用 - scarletsky

react-sortable-hoc

clauderic/react-sortable-hoc: A set of higher-order components to turn any list into an animated, touch-friendly, sortable list ✌️
React Sortable Higher-order Components

react-dragline

zcued/react-dragline: Guide lines and magnetic adsorption to better align draggable elements in React.

react-smooth-dnd

kutlugsahin/react-smooth-dnd: react wrapper components for smooth-dnd

react-dnd-scrollzone

azuqua/react-dnd-scrollzone: A smooth scrolling container for draggable items
react-dnd-scrollzone - npm

react-dnd-html5-backend

react-dnd/react-dnd-html5-backend: HTML5 backend for React DnD [Legacy Repo]

react-dnd-touch-backend

yahoo/react-dnd-touch-backend: Touch Backend for react-dnd.

react-draggable-tags

YGYOOO/react-draggable-tags: A draggable component for react
react-draggable-tags
一个可拖拽的React标签组件 - 掘金

#keyboard

react-keyboard-event-handler

linsight/react-keyboard-event-handler: A React component for handling keyboard events

#touch

react-touch-events

jerrybendy/react-touch-events: Enable tap / swipe events for react

react-touch

phil303/react-touch: React wrapper components that make touch events easy

#滚动、滑动

#无限滚动

antd-table-infinity

Leonard-Li777/antd-table-infinity: An infinite scroll component based on antd-table that supports virtual scrolling

React Virtualized

bvaughn/react-virtualized: React components for efficiently rendering large lists and tabular data
react-virtualized

found-scroll

4Catalyzer/found-scroll: Scroll management for found

mor-scroll-watcher

func-star/mor-scroll-watcher: Mona系列 - React滚动监听器

react-router-scroll

taion/react-router-scroll: React Router scroll management

react-slick

akiran/react-slick: React carousel component

scroll-behavior

taion/scroll-behavior: Pluggable browser scroll management

react-point

ReactTraining/react-point: Fast touch events for React
react-point - npm

react-event-listener

oliviertassinari/react-event-listener: A React component for binding events on the global scope.

react-hammerjs

JedWatson/react-hammerjs: ReactJS / HammerJS integration. Support touch events in your React app.

react-event

pinnacle/react-event: Declarative way to handle events outside / inside of React Component.

react-event-components

pagarme/react-event-components: 🛰 A set of React components designed to handle global events (interval, keyboard, touch, mouse, etc)

react-key-handler

ayrton/react-key-handler: React component to handle keyboard events
react-key-handler

react-hotkeys

jaywcjlove/react-hotkeys: React component to listen to keydown and keyup keyboard events, defining and dispatching keyboard shortcuts.
react-hot-keys 1.3.0 Demo

react-track

ecomfe/react-track: A declarative, component based solution to track page views and user events with react & react-router

react-outside-event

gajus/react-outside-event: A higher order React component that attaches an event listener for events that occur outside of the component element.

react-ckeditor

codeslayer1/react-ckeditor: CKEditor component for React with plugin and custom event listeners support

react-higher-event

bloodyowl/react-higher-event: Declarative API to listen to events outside of a component

react-compose-events

lucasconstantino/react-compose-events: A Higher-Order Component factory to attach outside event listeners

react-document-events

STRML/react-document-events: Declarative method for binding handlers to document and window - and cleaning them up.

react-with-tap-events

hartmamt/react-with-tap-events

react-swipe-events

iamham/react-swipe-events: Swipe (Touch) event for react component as npm package
react-swipe-events - npm

retracked

coursera/retracked: Event tracking for React components

react-events

jhudson8/react-events: Declarative managed event bindings for react components

react-window-mixins

szymonkaliski/react-window-mixins: React mixins for working with browser window events

react-eventproxy

HuaRongSAO/react-eventproxy: react 观察者模式 事件监听发布,用于夸组件之间信息交互

react-brasil/awesome-react-events-br: Awesome list of React events in Brazil.

¥file&text

#文字轮播

react-text-loop

braposo/react-text-loop: Animate words in your headings

Draft

Draft.js · Rich Text Editor Framework for React

react-native-fs

itinance/react-native-fs: Native filesystem access for react-native

react-pdf-js

mikecousins/react-pdf-js: A React component to wrap PDF.js

¥image

¥图片裁切

antd-img-crop

nanxiaobei/antd-img-crop: 🔪 An image cropper for Ant Design Upload

react-image-crop

DominicTobias/react-image-crop: A responsive image cropping tool for React

react-lazy-load-image-component

Aljullu/react-lazy-load-image-component: React Component to lazy load images and components using a HOC to track window scroll position.

react-image

mbrevda/react-image: React.js <img> tag rendering with multiple fallback & loader support
设计一款简单实用的 image 组件

darrell0904/darrell-photo-gallery: 一个基于 react hoos 开发的 仿石墨的 图片放大插件

¥Loading

nprogress

rstacruz/nprogress: For slim progress bars like on YouTube, Medium, etc
NProgress: slim progress bars in JavaScript
@types/nprogress - npm

pace

HubSpot/pace: Automatically add a progress bar to your site. #hubspot-open-source
HubSpot/pace: Automatically add a progress bar to your site. #hubspot-open-source
PACE
PACE — Automatic page load progress bars

react-loading

fakiolinho/react-loading: React component for loading animations

react-content-loader

danilowoz/react-content-loader: ⚪ SVG-Powered component to easily create skeleton loadings.

klendi/react-top-loading-bar: A very simple, highly customisable youtube-like react loader component.
React 写一个 spinner 圆形加载动画 - 掘金

¥Navigation

react-navigation

react-navigation/react-navigation: Routing and navigation for your React Native apps
wix/react-native-navigation: A complete native navigation solution for React Native
t4t5/react-native-router: Awesome navigation for your React Native app.
parakhod/react-navigation-redux-debouncer: Debounce middleware for the react-navigation redux actions
React Navigation · Routing and navigation for your React Native apps
『React Navigation 3x系列教程』createDrawerNavigator开发指南 - 掘金
React Navigation 构建 Android 和 iOS 统一的 UI - 掘金

react-slider-kit

M-Izadmehr/react-slider-kit: react-slider-kit is going to be a comprehensive solution to slider feature in react.
react-slider-kit

react-animated-navigator

MartinPham/react-animated-navigator: Easier way to make React router transitions

slider

react-component/slider: React Slider

¥notification&toast

react-toastify

fkhadra/react-toastify: React notification made easy 🚀 !

¥Portal

react-portal-tooltip

romainberger/react-portal-tooltip: Awesome React tooltip

react-portal

tajo/react-portal: 🎯 React component for transportation of modals, lightboxes, loading bars... to document.body or else.

react-gateway

cloudflare/react-gateway: Render React DOM into a new context (aka "Portal")

react-cool-portal

wellyshen/react-cool-portal: 😎🍒 React hook for Portals, which renders modals, dropdowns, tooltips etc. to <body> or else.

¥React 上传&下载

react-dropzone

react-dropzone/react-dropzone: Simple HTML5 drag-drop zone with React.js.
felixrieseberg/React-Dropzone-Component: ReactJS Dropzone for File Uploads (using Dropzone.js)

react-filepond

pqina/react-filepond: 🔌 A handy FilePond adapter component for React

liuyuanquan/react-fileupload: react版本的图片上传,支持拖拽和删除,用来复习Drag,Drop,File,XHR2

react-fine-uploader

FineUploader/react-fine-uploader: Easily integrate Fine Uploader or Fine Uploader S3 into a React app. Drop-in high-level components for a turn-key UI. Use small focused components to build a more custom UI.

¥React http

reacthttp

hienduyph/reacthttp: A fancy, lightweight and universal http module for react. ReactHttp built on top of fetch, provides a high level implentations for REST

react-request

jamesplease/react-request: Declarative HTTP requests for React

react-query

tannerlinsley/react-query: ⚛️ Hooks for fetching, caching and updating asynchronous data in React

SuperMarioChen/axios-redux: 在react中用axios请求到redux

¥react-component

form

react-component/form: React High Order Form Component(web & react-native)
rc-form@2.4.4 - React High Order Form Component

field-form

react-component/field-form: ⚡️ React Performance First Form Component

Material Components Web

Develop for the Web - Material Design

pri

prijs/pri: Powerful toolkit for building react applications/component

react-modal

pradel/react-responsive-modal: Simple responsive react modal
bodyflex/react-native-simple-modal: A simple JavaScript modal component for React Native.

React Toolbox

react-toolbox/react-toolbox: A set of React components implementing Google's Material Design specification with the power of CSS Modules
alexhisen/mobx-forms-demo
MobX Forms · MobX Forms
React Toolbox首页、文档和下载 - Material 风格的 React 组件 - 开源中国社区

React Components by Khan Academy

Khan/react-components
React Components

react-progressbar

kimmobrunfeldt/react-progressbar.js: Responsive and slick progress bars for React.
mathieudutour/react-progress-button: Simple react.js component for an inline progress indicator
abdennour/react-progressbar: Basic progress bar in React.js

react-widgets

jquense/react-widgets: An à la carte set of polished, extensible, and accessible inputs built for React
React Widgets

rsuite

rsuite/rsuite: A suite of React components .
RSUITE 3 | React Suite | 一套 React 的 UI 组件库
RSUITE | React Suite | 一套 React 的 UI 组件库
React Suite 做了一个有意思的决定 - 掘金
开源 UI 库中,唯一同时实现了大表格虚拟化和树表格的 Table 组件 - 掘金

react-window

bvaughn/react-window: React components for efficiently rendering large lists and tabular data
react-window

React Belle

nikgraf/belle: Configurable React Components with great UX
Belle - Configurable React Components with great UX
Belle - Configurable React Components with great UX

reactopt

reactopt/reactopt: A CLI React performance optimization tool that identifies potential unnecessary re-rendering

react-messenger

sejr/react-messenger: Chat UX components built with React, inspired by Facebook Messenger

rc-tools

react-component/rc-tools: Tools For React Component

the-platform

jaredpalmer/the-platform: Web. Components. 😂

tippy.js-react

atomiks/tippy.js-react: React component for Tippy.js

react-component
react-component/util: Common Utils For React Component
模仿antd4从零到一实现rc-field-form

¥SVG

react-svg-inline

MoOx/react-svg-inline: A React component to inline your SVG

svg-loaders-react

ajwann/svg-loaders-react: React implementation of the SVG Loaders library by Sam Herbert

SVGR

smooth-code/svgr: Transform SVGs into React components 🦁
SVGR - The React to SVG transformer

¥UI

ant-design

#ant-design 源码解读

antd 源码解读 notification - 掘金
浅析Ant Design中表单是如何实现的

#ant-design 设计资源

antd-init/examples/local-iconfont at master · ant-design/antd-init
设计资源 - Ant Design

#ant-design FAQ

antd 兼容性

IE8 下报错不能使用 · Issue #28 · ant-tool/atool-build
IE8下antd组件无法加载, default 在IE8下是关键字? · Issue #858 · ant-design/ant-design
antd-init/webpack.config.js at f5fb9479ca973fade51fd6754e50f8b3fafbb1df · ant-design/antd-init
IE9 下 Spin 组件报错 · Issue #6512 · ant-design/ant-design
Mention 使用到 draft 导致 IE 下无法访问 · Issue #3400 · ant-design/ant-design

Customize Theme - Ant Design
记一次 Ant Design Menu组件的使用与深入 - 掘金
『小帮厨』- React+AntD项目实战 - 掘金
React引入AntD按需加载报错 - Chellyyy - 博客园
antd 的table td 超出部分隐藏并显示省略号 - 云也JUN - 博客园

1x.ant.design

Ant Design - 一个 UI 设计语言

Ant Design of React

ant-design/ant-design: 🐜 A UI Design Language
ant-design/react-tutorial: 基于 umi 的 Ant Design 实战教程配套代码 https://www.yuque.com/ant-design/course
Ant Design - A UI Design Language and React UI library
Ant Design of React - Ant Design
快速上手 - Ant Design
Ant Design - A UI Design Language
Ant Design - 一个 UI 设计语言
Introduction - Ant Design
介绍 - Ant Design
Ant-Tool 简介 | Ant-Tool 简介
Ant Design 实战教程(beta 版) · 语雀

ant-design-pro

ant-design/ant-design-pro: 👨🏻‍💻👩🏻‍💻 Use Ant Design like a Pro!
Ant Design - 开箱即用的中台前端/设计解决方案
分析页 - Ant Design Pro
Ant Design Pro - Out-of-box UI solution for enterprise applications

ant-design-mobile

ant-design/ant-design-mobile: A configurable Mobile UI
Ant Design Mobile - 移动端设计规范
Ant Design Mobile - 移动端设计规范

antd-theme-generator

mzohaibqc/antd-theme-generator: This script is to generate color.less file to update color related css in browser.
React App

ant-plus

nanxiaobei/ant-plus: 🔺 Ant Design 表单简化版

HiTu

解放图形化设计生产力 - HiTu - 知乎

pro-components

ant-design/pro-components: 🏆 Use Ant Design like a Pro!
ProComponents - 页面级别的前端组件

Ant Design Team
luffyZh/mini-dynamic-antd-theme: Mini dynamic antd theme whether ant-design or ant-design-vue, after gizp 10.5 kB.

amazeui-react

amazeui/amazeui-react: Amaze UI components built with React.js.
Amaze UI React - Amaze UI components build with React

blueprint

palantir/blueprint: A React-based UI toolkit for the web
Blueprint – A React-based UI toolkit for the web

cuke-ui

cuke-ui/cuke-ui: 🥒 黄瓜ui:一个即插即用的React UI 库
🥒 黄瓜 UI: 一个即插即用的 React 组件库 - 掘金
🥒 CUKE UI : 一个即插即用的 React UI 库

chakra-ui

chakra-ui/chakra-ui: ⚡️ Simple, Modular & Accessible UI Components for your React Applications

elemental

elementalui/elemental: A flexible and beautiful UI framework for React.js
Elemental UI

element-react

ElemeFE/element-react: Element UI
Element-React

evergreen

segmentio/evergreen: 🌲 Evergreen React UI Framework by Segment
Evergreen
Evergreen

Fusion

Fusion core

Fusion Design

Fusion Design
登录
Fusion Design
可配置组件库Fusion Design 了解一下 - 掘金

Fusion components、libs、plugins&tools

alibaba-fusion/next: A configurable component library for web built on React.

Fusion 资源、整理集&FAQ

走近Fusion组件——无限滚动
前端之巅

Material-UI

mui-org/material-ui: React components that implement Google's Material Design.
mui-org/material-ui: React components that implement Google's Material Design.
mui-org/material-ui-pickers: Date & Time pickers, built with ❤️ for @material-ui/core
Material UI首页、文档和下载 - Material Design 的 React 实现 - 开源中国社区
The world's most popular React UI framework - Material-UI

mor

monajs/mor: Mona系列 - React移动端组件库
Mor - 让你感到幸福的 React 组件库

primereact

primefaces/primereact: PrimeReact is a collection of rich UI components for React
PrimeReact

React-Bootstrap

React Bootstrap首页、文档和下载 - React 构建的 Bootstrap 3 组件 - 开源中国社区

React Grommet

grommet/grommet: Focus on the essential experience
Grommet
Components | Grommet
Grommet

react-bootstrap

react-bootstrap/react-bootstrap: Bootstrap components built with React
https://react-bootstrap.github.io

react-desktop

gabrielbull/react-desktop: React UI Components for macOS High Sierra and Windows 10
React Desktop | React UI Components for OS X El Capitan and Windows 10

reactstrap

reactstrap/reactstrap: Simple React Bootstrap 4 components
reactstrap - React Bootstrap 4 components

rebass

rebassjs/rebass: React primitive UI components built with styled-system.
Rebass

react-md

mlaursen/react-md: React material design
react-md

reach-ui

reach/reach-ui: The Accessible Foundation for React Apps and Design Systems
Reach UI

Semantic UI React

Semantic-Org/Semantic-UI-React: The official Semantic-UI-React integration
portal - semantic-ui-react · Bit
Introduction - Semantic UI React

theme-ui

system-ui/theme-ui: Build consistent, themeable React apps based on constraint-based design principles
Theme UI

vant-react

mxdi9i7/vant-react: Lightweight 2kb Mobile UI Components built on React and TS, inspired by Vant@https://github.com/youzan/vant

z-ui

zhongmeizhi/z-ui: 一个用Typescript + React Hooks写的"UI库"🌌,主要采用蓝色色调,寻找一起coding的小伙伴。⭐喜欢请star,欢迎fork,有Bug和建议请留言。

MrXujiang/xu_ui: 基于react的轻量级可扩展组件库

¥validation

formsy-react

formsy/formsy-react: A form input builder and validator for React JS
christianalfoni/formsy-react: A form input builder and validator for React JS

¥visualization(可视化)

#可视化图表

BizCharts

alibaba/BizCharts: Powerful data visualization library based on G2 and React.
Bizcharts-基于商业场景下的数据可视化解决方案

echarts-for-react

hustcc/echarts-for-react: baidu Echarts(v3.0 & v4.0) components for React wrapper. 一个简单的 echarts(v3.0 & v4.0) 的 react 封装。
incubator-echarts/index.js at master · apache/incubator-echarts
xlsdg/react-echarts-v3: React.js(v16.x+) component wrap for ECharts.js(v3.x+)
ECharts Documentation
echarts-for-react - npm
react-echarts-v3 - npm
echarts-for-react

recharts

recharts/recharts: Redefined chart library built with React and D3
Recharts

victory

FormidableLabs/victory: A collection of composable React components for building interactive data visualizations
Victory | Home

#可视化图编辑器

GGEditor

alibaba/GGEditor: A visual graph editor based on G6 and React
GGEditor - A visual graph editor based on G6 and React

aute/react-echarts-mark-board: Mark drawing tool, support for drawing lines , rays and other graphics. 标注绘制工具,支持绘制线段、方向及封闭图形

#热力图

mazedesignhq/react-heatmap: React component for heatmap.js
g1eb/reactjs-calendar-heatmap: React component for d3.js calendar heatmap graph

dagre-d3

React项目中使用dagre-d3 - 掘金

gantt

hustcc/gantt-for-react: Frappe Gantt components for React wrapper. 一个简单的甘特图 React 组件封装。
codejamninja/react-gantt: A gantt chart for react
DHTMLX/react-gantt-demo: dhtmlxGantt with ReactJS
JavaScript Gantt Chart Library - dhtmlxGantt

react-boilerplate-dashboard

Soumil07/react-boilerplate-dashboard: A functional boilerplate dashboard for Discord bots.

react3dtagcloud

crazylxr/3dtagcloudforeact: 基于 react 的 3d 标签云
react3dtagcloud - npm

react-chartjs

reactjs/react-chartjs: common react charting components using chart.js

react-canvas

Flipboard/react-canvas: High performance <canvas> rendering for React components

recharts

recharts/recharts: Redefined chart library built with React and D3

react-dynamic-charts

dsternlicht/react-dynamic-charts: A React library for creating animated charts visualizations based on dynamic data.
160行代码实现动态炫酷的可视化图表 - 排行榜 - 掘金

vx

hshoff/vx: 🐯react + d3 = vx | visualization components
vx | visualization components

visx

airbnb/visx: 🐯 visx | visualization components

palerdot/react-d3-speedometer: ⚛️ React Speedometer component using d3.js

¥WAI-ARIA

downshift

downshift-js/downshift: 🏎 Primitive to build simple, flexible, WAI-ARIA compliant enhanced input React components
kentcdodds/downshift-examples: Created with CodeSandbox
Downshift

¥编辑器

#inline editing

eact-easy-edit

giorgosart/react-easy-edit: Inline editing library for React

#JSON显示器

react-json-view

mac-s-g/react-json-view: JSON viewer for react

#React Markdown

mdxjs

mdx-js/mdx: JSX in Markdown for ambitious projects
jxnblk/mdx-deck: MDX-based presentation decks
lorenseanstewart/nextjs-mdx-blog-kit: Starter code for creating a static blog system using Next.js and MDX. A service worker for offline reading is set up, and the blog has Perfect Lighthouse scores.
eggheadio/gatsby-starter-egghead-blog: This is an example Gatsby blog site that we use as a reference at egghead.
MDX
MDX | MDX 中文网
mdx-deck

markdown-in-js

threepointone/markdown-in-js: inline markdown for react/jsx

markdown-to-jsx

probablyup/markdown-to-jsx: 🏭 The most lightweight, customizable React markdown component.

react-markdown

rexxars/react-markdown: Render Markdown as React components
remarkjs/react-markdown: Markdown component for React
react-markdown
react-markdown

react-remarkable

acdlite/react-remarkable: A React component for rendering Markdown with remarkable

react-mde

andrerpena/react-mde: 📝 React Markdown Editor

react-md-editor

JedWatson/react-md-editor: React.js Markdown Editor Component

react-markdown-editor-lite

HarryChen0506/react-markdown-editor-lite: 一款轻量的基于React的markdown编辑器。a light-weight Markdown editor based on markdown-it and React
手把手教你造一个基于React的markdown编辑器 - 掘金

parksben/markdown-navbar: Best markdown navigation bar for React.

#代码编辑器

react-codemirror

JedWatson/react-codemirror: Codemirror Component for React.js

react-codemirror2

scniro/react-codemirror2: Codemirror integrated components for React

react-monaco-editor

react-monaco-editor/react-monaco-editor: Monaco Editor for React.

#富文本编辑器

braft-editor

margox/braft-editor: 美观易用的React富文本编辑器,基于draft-js开发
Braft Editor | 基于DraftJS的强扩展性React富文本编辑器

draft-js

facebook/draft-js: A React framework for building text editors.

react-quill

zenoamaro/react-quill: A Quill component for React.
React-quill

¥拾色器

color-picker

react-component/color-picker: React ColorPicker
rc-color-picker@1.2.6 - color-picker ui component for react

react-color

casesandberg/react-color: Color Pickers from Sketch, Photoshop, Chrome, Github, Twitter & more
React Color

¥页面 meta 属性

react-helmet

nfl/react-helmet: A document head manager for React

react-document-title

gaearon/react-document-title: Declarative, nested, stateful, isomorphic document.title for React

react-helmet-async

staylor/react-helmet-async: Thread-safe Helmet for React 16+ and friends

¥二维码

qrcode.react

zpao/qrcode.react: A <QRCode/> component for use with React.

¥右键菜单

react-contextmenu

vkbansal/react-contextmenu: Context Menu implemented in React
React ContextMenu
vkbansal/react-contextmenu: Context Menu implemented in React

react-contexify

fkhadra/react-contexify: Add a context menu to your react app with ease
https://fkhadra.github.io/react-contexify/

¥骨架屏

reakit

reakit/reakit: Toolkit for building really interactive UIs with React
Reakit: React UI Toolkit

react-sketchapp

airbnb/react-sketchapp: render React components to Sketch ⚛️💎

react骨架屏 - 掘金

¥背景

#粒子效果

react-particles-js

Wufe/react-particles-js: Particles.js for React

react-starry-sky

sl1673495/react-starry-sky: 非常漂亮的星空背景组件,基于React、Styled-Component开发。

¥趋势线&时间线

react-sparklines

borisyankov/react-sparklines: Beautiful and expressive Sparklines React component

react-event-timeline

rcdexta/react-event-timeline: A responsive event timeline in React.js

¥布局

#分割面板

react-split-pane

tomkp/react-split-pane: React split-pane component
react-split-pane

@rebass/grid

rebassjs/grid: Responsive React grid system built with styled-system

react-blocks

whoisandy/react-blocks: A higher-level react component to manage complex layouts using flexbox.
React Blocks

react-flexbox-grid

roylee0704/react-flexbox-grid: A set of React components implementing flexboxgrid with the power of CSS Modules.
React Flexbox Grid

react-spreadsheet-grid

denisraslov/react-spreadsheet-grid: An Excel-like grid component for React with custom cell editors, performant scroll & resizable columns
React Spreadsheet Grid

react-grid-layout

STRML/react-grid-layout: A draggable and resizable grid layout with responsive breakpoints, for React.

¥响应式

#react resize

react-window-resize-listener

cesarandreu/react-window-resize-listener: React component for listening to window resize events
arjunskumar47/react-window-resize-listener: This React component can be used to execute some tasks when the window resize event is triggered.

react-component-resizable

nrako/react-component-resizable: A React component to implement cross-browser event based resize detection

zzarcon/react-resize-observer-hook: ResizeObserver + React hooks
zalando-stups/react-automatic-width: Automatically sets `width` property on child components
LeetCode-OpenSource/react-resize-context: ⚡️A high performance React component for responding to resize event
quarterto/react-element-breakpoints: Element Queries in React, using the ResizeObserver polyfill.
maslianok/react-resize-detector: A Cross-Browser, Event-based, Element Resize Detection for React
FezVrasta/react-resize-aware: ⇲👁 A simple React Hook which allows to listen the resize event of any target element when it changes sizes

react-responsive

contra/react-responsive: Media queries in react for responsive design

react-media

ReactTraining/react-media: CSS media queries for React
react-media - npm

rx-react

fdecampredon/rx-react: ReactJS bindings for RxJS

¥地图

google-map-react

google-map-react/google-map-react: Google map library for react that allows rendering components as markers
React map

react-google-maps

tomchentw/react-google-maps: React.js Google Maps integration component
React Google Maps Style Guide

react-amap

ElemeFE/react-amap: 基于 React 封装的高德地图组件。AMap Component Based On React.
React AMap — 基于 React 的高德地图组件

chrisdrackett/react-mapkit: React wrapper for Apple's mapkit.js.

¥表格&表单

#calendar、datepicker

dayz

nathanstitt/dayz: A calendar component for React

react-dates

airbnb/react-dates: An easily internationalizable, mobile-friendly datepicker library for the web

react-datepicker

Hacker0x01/react-datepicker: A simple and reusable datepicker component for React
ReactJS Datepicker crafted by HackerOne

react-event-calendar

dptoot/react-event-calendar: A React calendar component to display events
react-event-calendar - React JS component that will display supplied event data within a calendar view of a given month.

react-big-calendar

intljusticemission/react-big-calendar: gcal/outlook like calendar component
arecvlohe/rbc-with-dnd-starter: A starter app for react-big-calendar with drag and drop addon.
arecvlohe/rbc-starter: A plain ole' react-big-calendar.
Webpack App

react-nice-dates

hernansartorio/react-nice-dates: A responsive, touch-friendly, and modular date picker library for React.
React Nice Dates

#Excel-like&Spreadsheet

react-datasheet

nadbm/react-datasheet: Excel-like data grid (table) component for React

react-handsontable

handsontable/react-handsontable: React Data Grid with Spreadsheet Look & Feel. Official React wrapper for Handsontable.

#form

formik

jaredpalmer/formik: Build forms in React, without the tears 😭
formium/formik: Build forms in React, without the tears 😭

formal

kevinwolfcr/formal: 👔 Elegant form management primitives for the react hooks era.

jsonforms

eclipsesource/jsonforms: React/Redux-based forms for JSON data

react-jsonschema-form

rjsf-team/react-jsonschema-form: A React component for building Web forms from JSON Schema.

react-schema-form

networknt/react-schema-form: react form based on json schema for form generation and validation

redux-form

redux-form/redux-form: A Higher Order Component using react-redux to keep form state in a Redux store
Redux Form - Redux Form
React-Redux技术栈——之redux-form详解 - 个人文章 - SegmentFault 思否

react-hook-form

react-hook-form/react-hook-form: 📋 React hooks for forms validation without the hassle.

react-final-form

final-form/react-final-form: 🏁 High performance subscription-based form state management for React

react-debounce-input

nkbt/react-debounce-input: React component that renders Input with debounced onChange

react-select

JedWatson/react-select: The Select Component for React.js
React Select

hardy12994/react-jsx-forms: JSX React Forms
RXNT/react-jsonschema-form-extras: An assortment of extra widgets for Mozilla's JSON Schema Form.
cchanxzy/react-currency-input-field: React component for an input field

#list

#虚拟列表

使用 React + Rxjs 实现一个虚拟滚动组件 - 前端 - 掘金

#可拖放表格列表

react-beautiful-dnd

atlassian/react-beautiful-dnd: Beautiful and accessible drag and drop for lists with React

react-native-nlist

janiokq/react-native-nlist: 原生Listview Native lListView react-native encapsulation Memory recovery reusing High performance

#table

fixed-data-table

facebookarchive/fixed-data-table: A React table component designed to allow presenting thousands of rows of data.

react-table

tannerlinsley/react-table: ⚛️ Hooks for building fast and extendable tables and datagrids for React

pheromone/suoyisuo: React Native 收起-展开
kresent/react-native-tabbed-menu

¥复制到剪贴板

react-copy-to-clipboard

nkbt/react-copy-to-clipboard: Copy-to-clipboard React component

react-clipboard.js

nihey/react-clipboard.js: React wrapper for clipboard.js (flashless clipboard)

react-use-clipboard

danoc/react-use-clipboard: React hook that provides copy to clipboard functionality.

¥应用国际化

react-intl

String without FormattedMessage · Issue #749 · yahoo/react-intl
API · yahoo/react-intl Wiki
react-intl - npm
React小知识(3) - 国际化中碰到的问题 - 掘金

react-intl-universal

alibaba/react-intl-universal: Internationalize React apps. Not only for React.Component but also for Vanilla JS.

react-i18n-jed

appannie/react-i18n-jed: React i18n wrapper for jed, based on gettext

react-i18n-auto

mr18/react-i18n-auto: react-i18n-auto 中文国际化自动化,babel插件
react 国际化方案react-i18n-auto,全自动化webpack+babel插件 - 掘金

react-i18next

i18next/react-i18next: Internationalization for react done right. Using the i18next i18n ecosystem.

记一次大型React项目的国际化方案探索 - 掘金

¥路由

found

4Catalyzer/found: Extensible route-based routing for React applications

mo-react-router

func-star/mo-react-router: Mona系列 - react-router

Navi

Navi – A JavaScript router and static renderer

react-loadable

jamiebuilds/react-loadable: A higher order component for loading components with promises.
stratiformltd/react-loadable-visibility: A wrapper around react-loadable and loadable-components to load elements once they are visible on the page.
react-loadable - npm
loading-context - CodeSandbox
使用 react-loadable 在 React 项目中实现 Code Splitting - 前端 - 掘金

reach

reach/router
Reach Router - Overview
Reach Router - Overview

react-router-breadcrumbs-hoc

icd2k3/react-router-breadcrumbs-hoc: A tiny, flexible, HOC for rendering route breadcrumbs with react-router 4.x https://codesandbox.io/s/yq79m4zqlv

react-keeper

vifird/react-keeper: A routing library of React.

¥格式化输入输出

react-moment

headzoo/react-moment: React component for the moment date library.

text-mask

text-mask/text-mask: Input mask for React, Angular, Ember, Vue, & plain JavaScript
Text Mask: Conform user input to a string mask

¥动画

react-move

sghall/react-move: React Move | Beautiful, data-driven animations for React
react-tools/react-move: React Move 🌀 Beautiful, data-driven animations for React
React-Move

react-motion

chenglou/react-motion: A spring that solves your animation problems.

react-transition-group

reactjs/react-transition-group: An easy way to perform animations when a React component enters or leaves the DOM
React Transition Group
felipethome/react-inline-transition-group: React component that helps to control CSS transitions defined with inline style.
cheapsteak/react-transition-group-plus: A more full-featured transition group for React
Ihatetomatoes/react-transition-group-classes: Working files for my YouTube tutorial.
adambbecker/react-style-transition-group: Similar to React's CSSTransitionGroup, uses style updates instead of class updates
[三元学React]使用react-transition-group开发React动画 - 掘金

react-spring

pmndrs/react-spring: ✌️ A spring physics based React animation library
react-spring

tween-one

react-component/tween-one: Animate One React Element
单元素动画 TweenOne - Ant Motion
rc-tween-one@2.2.22 - tween-one anim component for react

qiqiboy/react-animated-router: Dynamic transitions with react-router and react-transition-group
rhobot/timeout-transition-group: a better React Transition Group than CSSTransitionGroup
faceyspacey/transition-group: What React CSS Transition Group is s'posed to be
chrisjcodes/react-animation-components: A set of react transition components for basic animations.
PedroBern/react-tiger-transition: Full page transitions with react-router.
peoplesing1832/react-flip-transition: 🌊 react animation components
优雅的实现React中的动画过渡

¥存储

cookies

reactivestack/cookies: Load and save cookies within your React application

react-native-cookies

joeferraro/react-native-cookies: Cookie manager for React Native

react-history

ReactTraining/react-history: Manage session history with React
react-history - npm

¥环境、浏览器&平台

react-device-detect

duskload/react-device-detect: Detect device, and render view according to detected device type.

¥数据操作、处理&优化

#debounce

saltycrane/react-debounced-props: React higher order component that allows debouncing component updates
fgfg163/react-component-debounce: An height level component for React components
gnbaron/use-lodash-debounce: Custom react hooks for lodash debounce.
threepointone/react-debounce: debounce as a component
mthahzan/react-component-action-debouncer: Debounce any component actions

#throttle

react-throttle

gmcquistin/react-throttle

ryo33/react-throttle-render: Throttle the number of times render() is called
AlbertLucianto/react-with-throttle: Component for throttling value, preserving the declarative nature of React 🚀
hachibeeDI/react-list-throttle-component: React component to list throttle

¥高亮&凸显

#代码高亮

react-syntax-highlighter

conorhastings/react-syntax-highlighter: syntax highlighting component for react with prismjs or highlightjs ast using inline styles
React Syntax Highlighter Demo

#关键字高亮

react-highlight-words

bvaughn/react-highlight-words: React component to highlight words within a larger body of text
react-highlight-words

¥视频播放

react-player

cookpete/react-player: A React component for playing a variety of URLs, including file paths, YouTube, Facebook, Twitch, SoundCloud, Streamable, Vimeo, Wistia and DailyMotion

video-react

video-react/video-react: A web video player built for the HTML5 world using React library.

Tutorial: react | Video.js Documentation

对于封装react组件的一些思考 - 掘金
2020 年你应该知道的 React 库 - 掘金

React.js frameworks

¥React.js 服务端渲染(SSR)

Next.js

Next.js core

zeit/next.js: The React Framework
Next.js
Next.js - React 应用开发框架 | Next.js 中文网

Next.js libs、plugins&tools

matthewmueller/next-cookies: Tiny little function for getting cookies on both client & server with next.js.
mlynch/nextjs-tailwind-capacitor: A starting point for building an iOS, Android, and Progressive Web App with Tailwind CSS, React, and Capacitor

Next.js 资源、整理集&FAQ

Next.js 资源

ZEIT – Next.js
【拓展】Next.js + TypeScript 搭建一个简易的博客系统

Next.js 整理集

《react服务端渲染框架Next.js踩坑》

nextjs/lesson1.md at master · HJianfeng/nextjs
nextjs/lesson2.md at master · HJianfeng/nextjs
nextjs/lesson3.md at master · HJianfeng/nextjs
nextjs/lesson4.md at master · HJianfeng/nextjs
react服务端渲染框架Next.js踩坑(一)
react服务端渲染框架Next.js踩坑(二)
react服务端渲染框架Next.js踩坑(三)

Next.js FAQ

[EasyHexo 专栏] #2 - 魔改 Next 不完全教程 - 掘金
Next.js脚手架进阶 —— 部署上线 - 掘金
Next.js页面渲染的优化方案 - 掘金
使用react+next实现服务端渲染 - 前端 - 掘金
手把手教你用神器nextjs一键导出你的github博客文章生成静态html! - 掘金
手把手带你用next搭建一个完善的react服务端渲染项目(集成antd、redux、样式解决方案) - 掘金
最简单的服务端渲染框架-Next.js快速入门

react-app

kriasoft/react-app: Create React App with server-side code support
t.me

Tecode/react-mobx-ssr: React16+Mobx4+Express服务端渲染脚手架,支持代码按需加载,使用webpack4打包文件
React服务端渲染,支持模块代码按需加载,使用webpack4打包部署
乐游网站|站内资源分享,学习心得
The Most Common XSS Vulnerability in React.js Applications
react同构实践——实现自己的同构模板 - 掘金
基于 React.js 和 Node.js 的 SSR 实现方案 - 掘金
SSR从入门到放弃 —— 深入React服务端渲染原理 | 1W字 - 掘金

anujs

RubyLouvre/anu: the React16-compat mini library https://rubylouvre.github.io/nanachi/
nanachi
ydoc

blitz

blitz-js/blitz: ⚡️The Fullstack React Framework — built on Next.js

create-react-library

transitive-bullshit/create-react-library: ⚡CLI for easily creating reusable react libraries.

create-react-blog

frontarm/create-react-blog: Start and deploy your own statically rendered blog with create-react-app
npx create-react-blog

concent

concentjs/concent: Build-in dependency collection, a predictable、zero-cost-use、progressive、high performance's react develop framework

dob

dobjs/dob-react: React bindings for dob

fre

yisar/fre: Tiny React16 like framework with Concurrent.

gatsbyjs

gatsby-transformer-remark

gatsby/packages/gatsby-transformer-remark at master · gatsbyjs/gatsby
gatsby-transformer-remark | GatsbyJS

gatsbyjs/gatsby: Build blazing fast, modern apps and websites with React
calpa/gatsby-starter-calpa-blog: Gatsby Starter of Calpa's Blog
GatsbyJS
GatsbyJS 中文网
Rise of the Content Mesh: Webcast with Contentful and Gatsby | Gatsby Inc.
blog - CodeSandbox
GatsbyJS 入门(一):打造开箱即用的现代化前端网站 - 前端 - 掘金
GatsbyJS 入门(三):从零开始架构 React 静态网站 - 前端 - 掘金

makajs

makajs/maka: MakaJs,react and redux based, lightweight react framework. Use json schema to express react.
Maka.js

medux

wooline/medux: Modular state management, Suitable for various javascript frameworks

react-coat

wooline/react-coat: Structured React + Redux with Typescript and support for isomorphic rendering beautifully(SSR)
wooline/react-coat-spa-demo: A simple demo with react-coat
React干货:SPA单页如何规划路由、设计Store、划分模块、按需加载 - 掘金
React干货(二):提取公共代码、建立路由Store、Check路由参数类型 - 掘金

react-boilerplate

react-boilerplate/react-boilerplate: A highly scalable, offline-first foundation with the best developer experience and a focus on performance and best practices.

react-starter-kit

kriasoft/react-starter-kit: React Starter Kit — isomorphic web app boilerplate (Node.js, Express, GraphQL, React.js, Babel, PostCSS, Webpack, Browsersync)

react-imvc

Lucifier129/react-imvc: An Isomorphic MVC Framework

Relay

facebook/relay: Relay is a JavaScript framework for building data-driven React applications.
facebookarchive/relay-starter-kit: Barebones starting point for a Relay application.
lvarayut/relay-fullstack: Modern Relay Starter Kit - Integrated with Relay, GraphQL, Express, ES6/ES7, JSX, Webpack, Babel, Material Design Lite, and PostCSS
relayjs/relay-examples: A collection of sample Relay applications
HomeServicesOfAmerica/relay-cache-manager: An implementation of the RelayCacheManager for local data caching in Relay

Remax

remaxjs/remax: 使用真正的 React 构建跨平台小程序
Remax - 使用真正的 React 构建跨平台小程序

UmiJS

UmiJS core

github.com
UmiJS
UmiJS

UmiJS awesome

umijs/umi-course: 简易的umi入门教程,一步一步的学习,适合零基础的朋友 https://www.yuque.com/umijs/umi
umijs/awesome-umi: 🎉 A curated list of awesome things related to UmiJS.
majiang666/umijs: umijs示例
umijs实现权限路由 - 爱情博物馆

UmiJS example

umijs/umi-example-monorepo: Umi example for monorepo.
umijs/umi-dva-user-dashboard: User dashboard example with combination use of umi and dva.
umijs/umi-examples: examples for umi.js
umijs/umi-example-lighthouse: umi example to archive 100*5 lighthouse score.
umijs/umi-example-electron: Electron example with umi and dva.

UmiJS framework

alita

alita
alitajs/alita: A mobile React framework based on umi.
alita - 基于 Umi 的场景化框架

antd-admin

zuiidea/antd-admin: A excellent front-end solution for enterprise applications built upon Ant Design and UmiJS
AntD Admin

umi-react

jiechud/umi-react: 基于umi构建React快速开发框架

UmiJS plugins

umi-plugin-upload

xusanduo08/umi-plugin-upload

umijs/umi-plugin-pro-block: A plugin for deliver umi block files like ant design pro structure.
umijs/umi-plugin-library: 📦Out of box component develop plugin for umi.
umi/packages/umi-library at master · umijs/umi
umijs/umi-plugin-preload: A umi plugin for support async chunk preload to improve page loading performance.
umijs/umi-plugin-mpa: MPA(multiple-page application) plugin for umi.
umijs/umi-plugin-types: Type definitions for umi plugin api.
umijs/umi-plugin-vue: A umi@2.x plugin for Vue.js
umijs/umi-plugin-ga: Umi plugin to support google analytics
umijs/umi-plugin-block-dev: A umi plugin for develop a umi block with umi.
umijs/umi-plugin-datahub
umijs/umi-plugin-locale: A umi plugin for provide internationalization function.
umijs/umi-plugin-yunfengdie
umijs/umi-plugin-gh-pages: umi plugin to publish to Github pages.
umijs/umi-plugin-mobx-state-tree: use mobx-state-tree in umijs@2
umijs/umi-plugin-pnp: Umi plugin to support Plug'n'Play of yarn.
umijs/umi-plugin-ecma5-validator: Ecmascript 5 syntax validator plugin for umi.
umijs/umi-plugin-devhtml: Plugin to save a physical HTML file for `umi dev`.
umijs/umi-plugin-atpl: Atpl plugin for umi.
umijs/hard-source-webpack-plugin

UmiJS tools

create-umi

umijs/create-umi: Creates a UmiJS application using the command line.

umijs/umi-request: A request tool based on fetch.
umijs/umi-lint: 🏖 Configless lint tool all in one
umijs/umi-tools: The tools used to build umi.
umijs/umi-notify: Notification package for all cli we maintained.
umijs/umi-block-convertor: A cli tool to convert your umi page to a umi block.
umijs/umi-blocks: Official collection of some high quality blocks.
umijs/umi-hd: 移动端高清 1px 方案。
umijs/createMockMiddleware: Express umi mock middleware
umijs/umi-history: Manage session history with JavaScript
umijs/umi-url-pnp-loader: A loader for webpack which transforms files into base64 URIs

zoro

FaureWu/zoro: A Simple Redux Framework, For Weapp, React App and Other.
FaureWu/zoro-plugin: Support plugins for zoro

zerosoul/react-starter: react webapp development scaffold for mobile and pc, with or without redux/router.
zhanglijie5997/react-casual-cli
从 0 打造一个React的TS模板 - 掘金

React.js projects

¥React Admin Template

awesome-admin

awesome-admin: 管理后台脚手架: Spring Coud微服务 + Spring Security SSO + JWT Token +自定义登陆页面 + 前后端分离 + Ant Design Pro + K8s部署 +Swagger + 多数据源 + Redis

airframe-react

0wczar/airframe-react: Free Open Source High Quality Dashboard based on Bootstrap 4 & React 16: http://dashboards.webkom.co/react/airframe

matx-react

uilibrary/matx-react: Matx React Redux Material Design Admin Dashboard Template
React App

React Admin

sxfad/react-admin: 基于 Ant Design React 的管理系统架构
react-admin: 基于React、Ant Design的管理系统架构。
简介 · GitBook
随行付微服务前端开发框架React Admin - 掘金

shards-dashboard-react

DesignRevision/shards-dashboard-react: ⚛️A free and beautiful React admin dashboard template pack.

手把手带你搭建React16+Router+Redux-saga+Antd后台管理系统 - 掘金

react-admin

marmelab/react-admin: A frontend Framework for building B2B applications running in the browser on top of REST/GraphQL APIs, using ES6, React and Material Design

¥react-native

react-native-mapbox-gl

mapbox/react-native-mapbox-gl: A Mapbox GL react native module for creating custom maps

shifeng1993/react-native-start
Android 真机搭建 React-Native 环境踩坑记录 - 掘金

¥React 全家桶

react-universal-bucket

liangklfangl/react-universal-bucket: 该文章来源于我的github文章全集,欢迎star

duxianwei520/react: React+webpack+redux+ant design+axios+less全家桶后台管理框架
如何搭建一个REACT全家桶框架 - 掘金

¥React.js 服务端渲染(SSR)

¥实际开发案例

trazyn/weweChat: 💬 Unofficial WeChat client built with React, MobX and Electron.
jixianu/EasyFun: a project using react antd webpack es6
Juliiii/React-Cnode: react-cnode 初学react的作品
nargusbao/2018-react-demo-2
nargusbao/2018-react-demo-1: 预览地址:
shinima/battle-city: 🎮 Battle city remake built with react.
onfuns/JGold: 掘金轻客户端
ValleyZw/tree: Top 100 Documentaries App with React Hooks and Material-UI
bailicangdu/react-pxq: 一个 react + redux 的完整项目 和 个人总结
jhen0409/react-chrome-extension-boilerplate: Boilerplate for Chrome Extension React.js project
AnomalyInnovations/serverless-stack-demo-client at code-splitting-in-create-react-app
cdebotton/react-universal: React, redux, react-router, graphql, postgres, koa, universal starter-kit
mpw0311/antd-umi-sys: 企业BI系统,数据可视化平台,主要技术:react、antd、umi、dva、es6、less等,与君共勉,互相学习,如果喜欢请start ⭐。
react-desktops: web桌面操作系统前端UI,用了丰富的mac和win10桌面元素,包括桌面图标、窗口化子页面管理、开始菜单等组件,兼容主流现代浏览器。 适合快速开发后台管理系统的前端界面、整合企
React16.6和Typescript高仿B站Web移动端 - 掘金
React + Electron 搭建一个桌面应用 - 掘金
开源 react + koa + mysql 设计的简约风格的个人博客 - 掘金
React写个GitHub项目管理面板 - 掘金
开发一个React + Electron应用 - 掘金
前端-react-订单列表和评价功能-慕课网-源码-css - 简书
infinitered/reactotron: A desktop app for inspecting your React JS and React Native projects. macOS, Linux, and Windows.
[2.7w字]我是这样搭建 React+Typescript项目环境的(上)
[2.7w字]我是这样搭建 React+Typescript项目环境的(下)

boilerplate

euler-ui/boilerplate: BoilerPlate for React Projects.
boilerplate/README-zh.md at master · euler-ui/boilerplate

flow-web

FlowCI/flow-web: flow.ci frontend web based on React
flow.ci

Instagram

React全栈之Instagram开源视频教程 - 掘金

mengya

manyuewuxin/mengya: 一个类知乎文章方面的应用项目

made with react.js

React.js Showcase - Made With React.js

react-tetris

chvin/react-tetris: Use React, Redux, Immutable to code Tetris. 🎮
T E T R I S

React-Player

danielbarion/React-Player: One audio player build with ReactJS and Web Audio API
Audio Player

react-elm

liuyangjike/react-elm
chenjinxinlove/react-elm: Vue2-elm 基于 vue2 + vuex 构建一个具有 45 个页面的大型单页面应用https://github.com/bailicangdu/vue2-elm 的react实现版本 学习之用

react-trello-board

web-pal/react-trello-board: Trello like board based on React, Redux, React-dnd
React-Trello-Board

react-jump-start

kmhigashioka/react-jump-start: A redux-less boilerplate inspired by @kentcdodds, @mxstbr and @ryanflorence.

react-cloud-music

sanyuan0704/react-cloud-music: React 16.8打造精美音乐WebApp
React打造精美WebApp

smooth-code

Smooth Code
Smooth Code - Agence web, dev studio et workshops React à Paris

React.js tools

¥component

react-keep-alive

StructureBuilder/react-keep-alive: A component that maintains component state and avoids repeated re-rendering.
can React support feature like keep-alive in Vue? · Issue #12039 · facebook/react

react-slot-fill

camwest/react-slot-fill: Slot & Fill component for merging React subtrees together. Portal on steroids.

react-html-parser

wrakky/react-html-parser: Converts HTML strings directly into React components avoiding the need to use dangerouslySetInnerHTML
React HTML Parser Demo

¥Context&State

#Immutable state

immutable

使用immutable优化React - 前端 - 掘金
immutability-helper 插件的基本使用(附源码) - 掘金

react-copy-write

aweary/react-copy-write: ✍️ Immutable state with a mutable API

#React.js State Management

DvaJS

dvajs/dva: 🌱 React and redux based, lightweight and elm-style framework. (Inspired by elm and choo)
Topic: dva
dva/packages/dva-loading at master · dvajs/dva
DvaJS
React生态,dva源码阅读 - 掘金
dva应用中reducers和effects的单元测试实战 - 掘金
react-dva学习 --- 用实例来入门 - 掘金

easy-peasy

ctrlplusb/easy-peasy: Vegetarian friendly state for React
Easy Peasy

hox

umijs/hox: The next-generation state manager for React.
【KT】针对Hox,我写了个简陋组件版dev-tools

jotai

pmndrs/jotai: 👻 Primitive, flexible state management for React

mirror

mirrorjs/mirror: A simple and powerful React framework with minimal API and zero boilerplate.

memoize-state

theKashey/memoize-state: The magic memoization for the State management. ✨🧠

react-control-center

fantasticsoul/react-control-center: without redux、mobx and etc, writing react app with cc mode is a funny way also, it's definitely worth doing! cc is more than a state management framework ^_^
fantasticsoul/rcc-simple-demo: show you guys how react-control-center works
fantasticsoul/rcc-antd-pro: ant-design-pro powered by react-control-center
Package - react-control-center
Package - react-control-center
[react-control-center tutorial 1] 启动cc - 掘金
react-control-center,再一次颠覆你对状态管理的认识 - 掘金
[react-control-center tutorial 2] 动态配置模块 - 掘金
[react-control-center tutorial 3] 数据驱动视图的灵魂setState - 掘金
react-control-center 怎样渐进式的改写你的组件 - 掘金
[react-control-center] register函数说明 - 掘金
[react-control-center 番外篇1] ant-design-pro powered by C_C - 掘金
cc来了,下一代react状态管理解决方案,你准备好了吗 - react-control-center - SegmentFault 思否
react-control-center,再一次颠覆你对状态管理的认识 - 知乎

react-powerplug

renatorib/react-powerplug: Renderless Containers
React PowerPlug
精读《React PowerPlug 源码》 - 掘金

react-stdio

ReactTraining/react-broadcast: Reliably communicate state changes to deeply nested React elements
react-broadcast - npm

react-memoize

theKashey/react-memoize: 🧠 React memoization library we all deserve

rxv

rxv - npm
sl1673495/react-composition-api: Simple React state management. Made with @vue/reactivity and ❤️.

react-tracked

dai-shi/react-tracked: Simple and fast global state with React Context. Eliminate unnecessary re-renders without hassle.

Recoil

facebookexperimental/Recoil: Recoil is an experimental state management library for React apps. It provides several capabilities that are difficult to achieve with React alone, while being compatible with the newest features of React.
Recoil

react-easy-state

RisingStack/react-easy-state: Simple React state management. Made with ❤️ and ES6 Proxies.

smox

132yse/smox: Fast 1kB state management used New context api and Proxy which is similar to Vuex.

stamen

forsigner/stamen: A React state management library Based on Hooks

Unstated

jamiebuilds/unstated: State so simple, it goes without saying
tiaanduplessis/awesome-unstated: A collection of awesome things regarding Unstated.
sindresorhus/unstated-debug: Debug your Unstated containers with ease

unstated-next

jamiebuilds/unstated-next: 200 bytes to never think about React state management libraries ever again

sl1673495/react-vuex-hook: react-vuex-hook是利用React Hook配合Context和useReducer封装的一个用于小型模块的状态管理库,提供类似vuex的语法。
结合具体场景,聊聊 React 的状态管理方案 - 掘金
React状态管理大乱斗,横向对比Dva,Rematch,Mirror - 掘金
40行代码把Vue3的响应式集成进React做状态管理 - 掘金
使用 React Hooks + Context 打造一个类vuex语法的简单数据管理。 - 掘金
【KT】查缺补漏React状态管理探索
redux、mobx、concent 状态管理方案对比

constate

diegohaz/constate: React Context + State

¥configuration management system

react-apollo

apollographql/react-apollo: React integration for Apollo Client

¥HTM

htm

developit/htm: Hyperscript Tagged Markup: JSX alternative using standard tagged templates, with compiler support.
babel-plugin-htm - npm
HTM - JSX 的替代品?还是另一种选择? - 掘金
精读《Htm - Hyperscript 源码》 - 掘金

jsxobj

developit/jsxobj: Build JSON using JSX 🌈 (may contain blood magic)

lit-html

lit-html - Visual Studio Marketplace

omi-html

omi/packages/omi-html at master · Tencent/omi

vhtml

developit/vhtml: Render JSX/Hyperscript to HTML strings, without VDOM 🌈
vhtml - npm

developer.mozilla.org
Configuration Languages

¥Hyper

hyper

vercel/hyper: A terminal built on web technologies

hyperlit

zaceno/hyperlit: A JSX-like ttl for Hyperapp

hyperscript

hyperhype/hyperscript: Create HyperText with JavaScript.
hyperhype/awesome-hyperscript: Awesome list of everything hyperscript

ijk

lukejacksonn/ijk: Transforms arrays into virtual dom trees; a terse alternative to JSX and h

react-hyperscript

mlmorg/react-hyperscript: Hyperscript syntax for React.js markup

¥Observer&Watch

react-intersection-observer

researchgate/react-intersection-observer: React component for the Intersection <Observer /> API

sl1673495/use-watch-hook: React自定义Hook实现Vue中的watch功能
TypeScript从零实现React自定义Hook,实现Vue中的watch功能。 - 掘金

¥react npm

create-react-npm-component

deltaskelta/create-react-npm-component: CLI tool for creating a React JS component for distribution

npm-react-component-starter

nmartinezb3/npm-react-component-starter: Base project for creating React components and publish them to npm.

react-npm-component-starter

markusenglund/react-npm-component-starter: A minimal boilerplate for building a react component for npm, including a demo page.

react-npm-component-boilerplate

lindgr3n/react-npm-component-boilerplate: Boilerplate to create npm react components

¥react 全家桶

react-family

brickspert/react-family: react全家桶框架
从零搭建React全家桶框架教程 · Issue #1 · brickspert/blog

react-curd

awaw00/react-curd: 【React全家桶入门系列文章项目】http://blog.csdn.net/awaw00/article/category/6692955
【 分类 】- React全家桶入门 - 一韬的React实验室 - CSDN博客

¥React develop&debug

#Open component in editor

zthxxx/react-dev-inspector: click react component then jump to component's source code in your local IDE.
create-react-app/launchEditor.js at master · facebook/create-react-app
create-react-app/errorOverlayMiddleware.js at master · facebook/create-react-app
🎉我点了页面上的元素,VSCode 乖乖打开了对应的组件?原理揭秘。

React Scope

(翻译)React Scope介绍 - 掘金

react-devtools

facebook/react-devtools: An extension that allows inspection of React component hierarchy in the Chrome and Firefox Developer Tools.

react-perf-devtool

nitin42/react-perf-devtool: A browser developer tool extension to inspect performance of React components.

reduxjs/redux-devtools: DevTools for Redux with hot reloading, action replay, and customizable UI
aeksco/react-typescript-chrome-extension-starter: A Chrome Extension starter kit built with React, TypeScript, SCSS, Storybook, Jest, EsLint, Prettier, Webpack and Bootstrap

¥react-spring

react-spring

¥React-like User Interface

inferno

infernojs/inferno: An extremely fast, React-like JavaScript library for building modern user interfaces

ivi

localvoid/ivi: Javascript (TypeScript) library for building web user interfaces

preact

《preact源码分析》

preact源码分析(一) - 掘金
preact源码分析(二) - 掘金
preact源码分析(三) - 掘金
preact源码分析(四) - 掘金
preact源码分析(五) - 掘金
从Preact了解一个类React的框架是怎么实现的(一): 元素创建 - 掘金
从Preact了解一个类React的框架是怎么实现的(二): 元素diff - 掘金
从Preact了解一个类React的框架是怎么实现的(三): 组件 - 掘金
🔥🔥🔥史上超详细preact hook源码逐行解析了解一下 - 掘金
深入Preact源码分析(4.20更新) - 掘金

preactjs/preact: ⚛️ Fast 3kB React alternative with the same modern API. Components & Virtual DOM.
developit/preact: ⚛️ Fast 3kB React alternative with the same modern API. Components & Virtual DOM.
developit/preact-slots: 🕳 Render Preact trees into other Preact trees, like portals.
developit/preact-jsx-chai: Add JSX assertions to Chai, with support for Preact Components.
developit/preact-www: Preact documentation website.
developit/preact-boilerplate: Ready-to-rock Preact starter project, powered by Webpack.
developit/preact-cli: 😺 Your next Preact PWA starts in 30 seconds.
developit/preact-cli-plugin-async: Preact CLI plugin that adds converts async/await to Promises.
developit/preact-markup: Render HTML5 as VDOM, with Components as Custom Elements!
developit/preact-router: URL router for Preact.
developit/preact-render-to-string: Universal rendering for Preact: render JSX and Preact components to HTML.
developit/preact-compat: React compatibility layer for Preact.
developit/preact-redux: Preact integration for Redux (no shim needed!)
developit/preact-portal: Render Preact components in (a) SPACE
developit/linkstate: Bind events to state. Works with Preact and React.
developit/unistore: 🌶 650b state container with component actions for Preact & React
developit/preact-redux-example: Preact + Redux Example Project
developit/babel-preset-preact: Babel preset to transform JSX into h() calls
developit/preact-transition-group: transition-group ui component for preact
developit/express-es6-rest-api: Starter project for an ES6 RESTful Express API.
developit/preact-custom-element: Wrap your component up as a custom element
developit/preact-token-input: A text field that tokenizes input, for things like tags.
developit/preact-scroll-viewport: Preact Component that renders homogeneous children only when visible
developit/preact-mdl: A collection of Preact Components that encapsulate Google's Material Design Lite.
Preact | Preact: Fast 3kb React alternative with the same ES6 API. Components & Virtual DOM.
Preact X 来啦 - 前端 - 掘金
记一次preact迁移到react16.6.7的经历 - 掘金
【送书】Preact(React)核心原理详解

¥React&Vue

reactivue

antfu/reactivue: 🙊 Use Vue Composition API in React components

Vue in React, React in Vue

akxcv/vuera: Vue in React, React in Vue. Seamless integration of the two.
学会使用Vue JSX,一车老干妈都是你的 - 掘金

面试官:请你在React中引入Vue3的@vue/reactivity,实现响应式。 - 掘金

¥React Utils

react-fast-compare

FormidableLabs/react-fast-compare: fastest deep equal comparison for React

react-util

benpptung/react-util: utilities for react

react-lodash

typicode/react-lodash: ⚛️ 🔧 Lodash as React components
⚛️🔧使用任何lodash函数作为React组件 - React开发社区 | CTOLib码库

¥React.js CLI

asuna-cli

ruichengping/asuna-cli: cli for rapid web development
企业级React项目的个人构建总结 - 个人文章 - SegmentFault 思否

bruce-cli

JowayYoung/bruce-cli: React应用自动化构建脚手架
一个零配置开箱即用的React应用自动化构建脚手架 - 掘金
推荐一个零配置开箱即用的React/Vue应用自动化构建脚手架,不强大你来找我

¥React 兼容

reactie

ambit-tsai/reactie: A solution that makes React stack work in IE8.
Reactie Todo

react-ie8

xcatliu/react-ie8: Make your React app work in IE8
Make your React app work in IE8 | React IE8 | React Docs v0.14.8

¥React.js 服务端渲染(SSR)&pre-renderer

react-snapshot

geelen/react-snapshot: A zero-configuration static pre-renderer for React apps
react-snapshot - npm

react-snap

stereobooster/react-snap: 👻 Zero-configuration framework-agnostic static prerendering for SPAs

react-stdio

ReactTraining/react-stdio: Render React.js components on any backend
react-stdio - npm

An Almost Static Stack – superhighfives – Medium
React SSR 详解【近 1W 字】+ 2个项目实战 - 掘金
从头开始,彻底理解服务端渲染原理(8千字汇总长文) - 掘金
React服务端渲染探秘: 5.node作中间层及请求代码优化 - 掘金

¥styles

radium

FormidableLabs/radium: A toolchain for React component styling.
Radium - A React Component Styling Library

React中的样式和动画
MrXujiang/blink: 基于react的css故障艺术库

¥scripts

doc-scripts

janryWang/doc-scripts: React Document Build Tool Scripts , Like react-scripts of create react app

react-load-script

blueberryapps/react-load-script: React component that makes it easy to load 3rd party scripts
yariv/ReactScriptLoader: A library for creating React components that depend on external scripts.

react-codemod

reactjs/react-codemod: React codemod scripts

¥Syntax highlighting

react-lowlight

rexxars/react-lowlight: Syntax highlighter for React, utilizing VDOM for efficient updates

react-syntax-highlighter

react-syntax-highlighter/react-syntax-highlighter: syntax highlighting component for react with prismjs or highlightjs ast using inline styles

¥Virtual DOM

rawact

sokra/rawact: [POC] A babel plugin which compiles React.js components into native DOM instructions to eliminate the need for the react library at runtime.

¥异步操作

react-refetch

heroku/react-refetch: A simple, declarative, and composable way to fetch data for React components
Introducing React Refetch | Heroku

¥测试

enzyme

enzymejs/enzyme: JavaScript Testing utilities for React
Jest & enzyme 进行react单元测试 - 掘金

polendina

rvagg/polendina: Non-UI browser testing for JavaScript libraries from the command-line

react-testing-library

testing-library/react-testing-library: 🐐 Simple and complete React DOM testing utilities that encourage good testing practices.
React Testing Library · Testing Library
如何使用React Testing Library和Jest测试React应用

user-event

Gpx/user-event: 🐕 Simulate user events for react-testing-library

React 组件自动化测试与持续集成指北(1) - 前端 - 掘金
React 组件自动化测试与持续集成指北(2) - 前端 - 掘金
React 测试指南 - 掘金

¥性能优化

react-immutable-render-mixin

jurassix/react-immutable-render-mixin: react pure render mixin for facebook/immutable-js library

react-perf-tool

RamonGebben/react-perf-tool: [Deprecated] Debug performance of your React application

react-hot-loader

gaearon/react-hot-loader: Tweak React components in real time.
React Hot Loader · Tweak React components in real time.

react-transform-hmr

gaearon/react-transform-hmr: A React Transform that enables hot reloading React classes using Hot Module Replacement API

React同构直出优化总结 · Issue #9 · joeyguo/blog
React移动web极致优化 · Issue #8 · lcxfs1991/blog
从 React render 谈谈性能优化 - 掘金
【译】精挑细选的一份React性能问题优化的清单 - 掘金
React性能优化总结 - 不挑食的程序员 - SegmentFault 思否
使用immutable优化React - 不挑食的程序员 - SegmentFault 思否
React vs Angular 2: 冰与火之歌 - 知乎
Mixin 已死,Composition 万岁 | EFE Tech
腾讯新闻React同构直出优化实践 | AlloyTeam
react组件性能优化探索实践 - 腾讯Web前端 IMWeb 团队社区 | blog | 团队博客

dumi

umijs/dumi: 📖 Documentation Generator of React Component
dumi - A doc tool can assist you to develop libraries & write docs.
dumi - 为组件开发场景而生的文档工具

epitath

Astrocoders/epitath: Compose render props imperatively with async/await/CPS kinda sugar

ink

vadimdemedes/ink: 🌈 React for interactive command-line apps
vadimdemedes/ink-text-input: Text input component for Ink
vadimdemedes/ink-spinner: Spinner component for Ink
vadimdemedes/ink-select-input: Select input component for Ink
sindresorhus/ink-link: Link component for Ink
sindresorhus/ink-box: Styled box component for Ink
sindresorhus/ink-gradient: Gradient color component for Ink
sindresorhus/ink-big-text: Awesome text component for Ink
kevva/ink-image: Image component for Ink
jdeniau/ink-tab: Tab component for Ink 🌈
LitoMore/ink-color-pipe: 🌈 Create color text with simpler style strings in Ink
karaggeorge/ink-multi-select: Multi select input component for Ink
JureSotosek/ink-divider: 👨🏼‍🎨 Divider component for Ink

proton-native

kusti8/proton-native: A React environment for cross platform native desktop apps
Home - Proton Native - React Native for the desktop, cross compatible

pagedraw

Pagedraw/pagedraw: a UI builder for React web apps
Pagedraw — Effortlessly turn mockups into functional UI code

rims

Rims - 换个方式使用 Redux - 掘金

react-wasm

mbasso/react-wasm: Declarative WebAssembly instantiation for React

react-confirm-email

funador/react-confirm-email: Email confirmation with React and Node

react-hot-reload.macro

cometkim/react-hot-reload.macro: Zero configuration Hot Module Replacement using Babel macro

ReactQuantum

ReactQuantum/ReactQuantum: Visualize your React application's component performance metrics with a live heat map.

react-boilerplate

maksimgold208/react-boilerplate: 🔥 A highly scalable, offline-first foundation with the best developer experience and a focus on performance and best practices.

react-af

donavon/react-af: Allows you to code using certain React.next features today! Perfect for component library maintainers.

react-cookbook

shimohq/react-cookbook: 编写简洁漂亮,可维护的 React 应用

reactide

reactide/reactide: Reactide is the first dedicated IDE for React web application development.

react-chaos

jchiatt/react-chaos: Chaos Engineering for your React apps.
SugarTurboS/babel-plugin-react-chaos: A babel plugin that can auto wrap your react components by react-chaos

React.js 资源、整理集&FAQ

React.js 资源

React awesome

30-Days-Of-React

Asabeneh/30-Days-Of-React: 30 Days of React challenge is a step by step guide to learn React in 30 days. This challenge needs an intermediate level of HTML, CSS, and JavaScript knowledge. It is recommended to feel good at JavaScript before you start to React. If you are not comfortable with JavaScript check out 30DaysOfJavaScript. This is a continuation of 30 Days Of JS.

awesome-react

enaqx/awesome-react: A collection of awesome things regarding React ecosystem

react-article-bucket

liangklfangl/react-article-bucket: 总结,积累,分享,传播JavaScript各模块核心知识点文章全集,欢迎star,issue(勿fork,内容可能随时修改)。webpack核心内容部分请查看专栏: https://github.com/liangklfangl/webpack-c

react-book

survivejs/react-book: From apprentice to master (CC BY-NC-ND)
ReactFinland
Introduction

react-tutorial

hulufei/react-tutorial: React 入门教程 http://hulufei.gitbooks.io/react-tutorial/
介紹 | React 入门教程

react-workshop

ReactTraining/react-workshop: Lectures and exercises for React Training workshops
Learn React from the creators of React Router

react-developer-roadmap

adam-golab/react-developer-roadmap: Roadmap to becoming a React developer in 2019

Foveluy/React-awesome-resume: a resume by using Luy/React
chentsulin/awesome-react-renderer: Awesome list of React Renderer
hsavit1/Awesome-React-Native-Education: Use this to learn React Native
FortAwesome/react-fontawesome: Font Awesome 5 React component
jaredpalmer/awesome-react-render-props: Awesome list of React components with render props
LeoMobileDeveloper/ReactNativeMaterials: React Native的中文参考资料,包括开源库,文字/视频资料,相关工具等
crazycodeboy/react-native-awesome: React Native 学习资源精选仓库(汇聚知识,分享精华)汇集了各类react-native学习资料、工具、组件、开源App、资源下载、以及相关新闻等,只求精不求全。
brillout/awesome-react-components: Catalog of React Components & Libraries
enaqx/awesome-react: A collection of awesome things regarding React ecosystem.
recal - Awesomes
前端全栈手册之react书单 - hainuo - 简书

React patterns、techniques、tips&tricks

react-bits

vasanthk/react-bits: ✨ React patterns, techniques, tips and tricks ✨

react-bits-CN

hateonion/react-bits-CN: ✨ React patterns, techniques, tips and tricks ✨ 中文版的https://github.com/vasanthk/react-bits

mocheng/react-practice: 《React实战:设计模式和最佳实践》源代码
petehunt/react-howto: Your guide to the (sometimes overwhelming!) React ecosystem.

react-in-patterns

krasimir/react-in-patterns: A free book that talks about design patterns/techniques used while developing with React.

React 面试

sudheerj/reactjs-interview-questions: List of top 300 ReactJS Interview Questions & Answers....Coding exercise questions are coming soon!!
semlinker/reactjs-interview-questions: List of top 301 ReactJS Interview Questions & Answers
必须要会的 50 个 React 面试题 - 掘金
18道 React 面试精选题含解答「面试高频」
React中的核心概念 - mahmud - 博客园
手写React核心原理,再也不怕面试官问我react原理

编码规范、风格指南&命名风格

react-styleguidist

styleguidist/react-styleguidist: Isolated React component development environment with a living style guide

typescript-cheatsheets/react: Cheatsheets for experienced React developers getting started with TypeScript
typescript-cheatsheets/react-typescript-cheatsheet-es: Cheatsheets para desarrolladores expertos en React que comienzan con TypeScript

React入门指南(学习笔记)
React 有哪些优秀实用的组件? - 知乎
(28 封私信 / 39 条消息) React - 知乎
React.js 小书
我的作品 - Just for fun
分享我的 ToyReact 学习与实现

React.js 整理集

《React 折腾记》

React 折腾记 - (1) React Router V4 和antd侧边栏的正确关联及动态title的实现 - 掘金
React 折腾记 - (2) 实现路由动效过渡,并解决过程中奇奇怪怪的问题 - 掘金
React 折腾记 - (3) 结合Mobx实现一个比较靠谱的动态tab水平菜单,同时关联侧边栏 - 掘金
React 折腾记 - (4) 侧边栏联动Tabs菜单-增强版(结合Mobx) - 掘金
React 折腾记 - (5) 记录用React开发项目过程遇到的问题(Webpack4/React16/antd等) - 掘金
React 折腾记 - (6) 基于React 16.x+ Antd 3.封装的一个声明式的查询组件(实用强大) - 掘金
React 折腾记 - (7) 基于React+Antd封装聊天记录(用到React的memo,lazy, Suspense这些) - 掘金
React 折腾记 - (8) 基于React+Antd封装选择单个文章分类(从构建到获取) - 掘金
React 折腾记 - (9) 基于Antd+react-router-breadcrumbs-hoc封装一个小巧的面包屑组件 - 掘金
React 折腾记 - (10) UmiJS 2.x + antd 重写后台管理系统记录的问题及解决姿势 - 掘金
React 折腾记 - (11) 结合Antd菜单控件(递归遍历组件)及常规优化 - 掘金

《React 回忆录》

React 回忆录(一)新的旅程 - 和李先生探索 Web 开发世界 - SegmentFault 思否
React 回忆录(二)为什么使用 React? - 和李先生探索 Web 开发世界 - SegmentFault 思否
React 回忆录(三)使用 React 渲染界面 - 和李先生探索 Web 开发世界 - SegmentFault 思否
React 回忆录(四)React 中的状态管理 - 和李先生探索 Web 开发世界 - SegmentFault 思否

《React入门系列》

React入门系列 - 1 开发环境搭建 - 掘金
React入门系列 - 2 编写第一个Hello world的React程序 - 掘金
React入门系列 - 3 state与props - 掘金
React入门系列 - 4. 认识无状态组件 - 掘金
React入门系列 - 5. 表单与变量的关联 - 掘金

《React中级指南》

React中级指南-01 如何在React中使用Redux - 掘金

《Redux 包教包会》

Redux 包教包会(三):使用容器组件和展示组件近一步分离组件状态 - 掘金
Redux 包教包会(二):引入 combineReducers 拆分和组合状态逻辑 - 掘金
Redux 包教包会(一):介绍 Redux 三大核心概念 - 掘金

《React多页面应用》

React多页面应用1(webpack4 开发环境搭建,包括热更新,api转发等) - CSDN博客
React多页面应用2(webpack4 处理CSS及图片,引入postCSS,及图片处理等) - CSDN博客
React多页面应用3(webpack4 多页面实现) - CSDN博客
React多页面应用4(webpack4 提取第三方包及公共组件) - CSDN博客
React多页面应用5(webpack4 多页面自动化生成多入口文件) - CSDN博客
React多页面应用6(webpack4 开发环境打包性能初提升) - CSDN博客
React多页面应用7(webpack4 生产环境配置) - CSDN博客
React多页面应用8(webpack4 gulp自动化发布到多个环境,生成版本号,打包成zip等) - CSDN博客
React多页面应用9(webpack4 引入eslint代码检查) - CSDN博客
React多页面应用1(​webpack开发环境搭建,包括Babel、热更新等) - CSDN博客
React多页面应用2(处理CSS及图片,引入postCSS,及图片处理等) - CSDN博客
React多页面应用3(webpack性能提升,包括打包性能、提取公共包等) - CSDN博客
React多页面应用4(webpack自动化生成多入口页面) - CSDN博客
React多页面应用5(webpack生产环境配置,包括压缩js代码,图片转码等) - CSDN博客
React多页面应用6(gulp自动化发布到多个环境、生成版本号、压缩成zip等) - CSDN博客
React多页面应用7(引入eslint代码检查) - CSDN博客
(源码开放) React + webpack3 多页面应用 及 常见问题解答 - CSDN博客
okeyue的博客 - CSDN博客
前端人人
前端人人
前端人人
前端人人
前端人人
前端人人
前端人人
React多页面应用8(webpack4 gulp自动化发布到多个环境,生成版本号,打包成zip等)
前端人人

《react 打造页面可视化搭建》

react 打造页面可视化搭建 1 - 提纲 持续更新 - 掘金
react 打造页面可视化搭建 2 - 画布canvas放大缩小与坐标轴 持续更新 - 掘金
react 打造页面可视化搭建 3 - mysql 与 sequelize 篇 持续更新 - 掘金
react 打造页面可视化搭建 4 -实现拖拽自定义容器大小 持续更新 - 掘金

《React系列》

React系列-Mixin、HOC、Render Props(上) - 掘金
React系列-轻松学会Hooks(中)
React系列-自定义Hooks很简单(下) - 掘金

《React 知识梳理》

react 知识梳理(一) - 掘金
react 知识梳理(二):手写一个自己的 redux - 掘金
React 知识梳理(三):手写一个自己的 React-redux - 掘金

《React 架构的演变》

【读懂源码】React 架构的演变 - 从同步到异步
【读懂源码】React 架构的演变 - 从递归到循环
React 架构的演变 - 更新机制
【读懂源码】React 架构的演变 - Hooks 的实现

《构建自己的React UI组件库》

构建自己的React UI组件库: 构建首页 - 掘金
构建自己的React UI组件库: 从v0.0.0到 v0.0.1 - 掘金
构建自己的React UI组件库(三):文档编写 - 掘金

《循序渐进DIY一个react》

循序渐进DIY一个react(一) - 掘金
循序渐进DIY一个react(二) - 掘金
循序渐进DIY一个react(三) - 掘金
循序渐进DIY一个react(四) - 掘金

《基于React全家桶开发「网易云音乐PC」项目实战》

🔥基于React全家桶开发「网易云音乐PC」项目实战(一)
基于React全家桶开发「网易云音乐PC」项目实战(二)
基于React全家桶开发「网易云音乐PC」项目实战(三)

React 笔记&汇总

blog/前端 SPA 单页应用数据统计相关问题.md at master · erbing/blog
React 开发必须知道的 34 个技巧【近1W字】
React 学习路线图 - 2018版 - 前端 - 掘金
React 单页程序 转 SEO 渲染踩到各种深坑。 - 前端 - 掘金
从 loading 的 9 种写法谈 React 业务开发 - 掘金
react-native兴趣交流群技术文章整理 - 简书
Time_情书 - 简书
求大神推荐一些react.js的优秀书籍或社区? - 徐澈 的回答 - 知乎
InfoQ
文章列表
React实用项目分享 - 作品 - React 中文
你不知道的 React 最佳实践

React.js FAQ

¥React 数据流管理

浅谈React数据流管理 - 前端 - 掘金
单页应用的数据流方案探索 - 知乎

¥React 优化

干货:深入了解React 渲染原理及性能优化
如何拆解React巨石应用?qiankun | 🏆 技术专题第四期征文
我在工作中写React,学到了什么?性能优化篇

¥React 多页面

webpack2 打包 react - CSDN博客
react+webpack多页面程序-CSDN下载

¥React study

react组件库设计&开发

基于react的组件库主题设计方案 - 云+社区 - 腾讯云

spring与react整合

phelpsyacht/react-springboot2-app: 运行登录与注册功能的app的RN前端, 后台https://github.com/phelpsyacht/springboot2-react-app-spring-security
phelpsyacht/springboot2-react-app-spring-security: 运行登录与注册功能的RN app的服务端 集成了springboot2,spring-security,jwt, 前端https://github.com/phelpsyacht/react-springboot2-app
springboot与react(前后端整合) - CSDN博客
Spring Boot与React集成 - CSDN博客
React+SpringBoot项目部署 - CSDN博客
React与Springboot整合问题整理。 - CSDN博客
Springboot+React+antd开发问题记(一) - CSDN博客
Springboot+React项目跨域访问问题 - CSDN博客
springboot+scala+react-CSDN下载
Spring集成React用来开发前端----SpringMVC + react 开发实时测试 - CSDN博客
react实现前后台数据交互 - CSDN博客
使用spring boot restful + react antd - CSDN博客
2018最新springcloud springboot svn react视频-CSDN下载
Springboot2.0+Spring5.0 react 初体验 - CSDN博客
关于Springboot项目整合前端react框架遇到的问题梳理 - CSDN博客
Springboot+Vue 的前后端分离与合并方案 - CSDN博客
Spring集成React用来开发前端----maven项目中用webpack打包react相关组件 - CSDN博客
React.js 与 Spring Data REST(一)(官方文档翻译) - CSDN博客
基于JVM使用React.js和Spring Boot建立同构的Web应用 - CSDN博客
react.js - java后端如何与react配合 - SegmentFault 思否

开发React插件

手把手教你写一个可以发布到 npm 的 React 插件 - 掘金
react 获取服务器端时间倒计时 - tomorrow_chen - 简书

minooo/React-Study: 渐进式学习React生态圈
aiyuekuang/react_home: 这是一个react得demo/脚手架项目,包含react16+redux+antd+webpack4+react-router4+sass/less+axios+immutable+proxy技术栈
Render as you fetch (with and without suspense) | Epic React by Kent C. Dodds
How to Replace Redux with React Hooks and the Context API - SitePoint
Animating React Components With GreenSock — Smashing Magazine
【面试官】React router dom 原理你知道吗
React 开发必须知道的 34 个技巧【近1W字】 - 掘金
学习 React 前你需要知道些什么 - 掘金
[译]你可以在JSX中使用console.log吗? - 掘金
[英] Scheduling in React - 前端 - 掘金
React 实现一个简单实用的 Form 组件 - 掘金
从0到1,一步步开发React的loading组件,并发布到npm上 - 掘金
React 小案例 用户评论 - 掘金
如何在react中使用OrgChart? - 掘金
自己动手实现一个简单的React - 掘金
用React实现一个简易的markdown博客应用 - 掘金
一杯茶的时间,上手 React 框架开发 - 掘金
200行代码实现简版react🔥 - 掘金
你还没有听过React不完全手册?😱😱 - 掘金
React 中无用但可以装逼的知识 - 掘金
three.js快速上手以及在react中运用 - 掘金
React 架构的演变 - 从同步到异步
从0搭建React项目 - hl_java的专栏 - CSDN博客
从零开始React之环境的搭建与项目的初始化 - Crcker的博客 - CSDN博客
从零开始搭建webpack+react开发环境 - 挨踢人啊 - 博客园
2 编写第一个Hello world的React程序 - 一只会写代码的熊猫 Blog
React 实现简易的图片拖动排序

¥React 兼容

Discontinuing IE 8 Support in React DOM – React Blog

¥ShadowDOM

Events not registered inside shadow dom · Issue #10422 · facebook/react
react-shadow-dom-retarget-events - npm
javascript - Click event not firing when React Component in a Shadow DOM - Stack Overflow

¥布局

React战记之玩转Flex布局(上篇--容器属性) - 掘金
[译]Rendering React components to the document body - 掘金

¥报错与解决

react 内存泄露

react 内存泄露常见问题解决方案 - 掘金

组件卸载后取消异步请求

isMounted is an Antipattern – React Blog
[React.js]组件卸载如何自动取消异步请求 - weixin_34024034的博客 - CSDN博客
解决 React componentWillUnmount中卸载异步操作,防止内存泄漏_随想人生-CSDN博客
解决React组件Unmount时依然继续setState报错的问题_qq_15557771的博客-CSDN博客
【react】react组件销毁中清理异步操作和取消请求 - 野马yuanjili - 博客园

Babel use with objects failing · Issue #556 · babel/babel-loader · GitHub
Uncaught SyntaxError: Unexpected token < · Issue #1676 · react-boilerplate/react-boilerplate
reactjs - Error running webpack with react-grid-layout: Plugin/Preset files are not allowed to export objects, only functions - Stack Overflow
Webpack 报错:The CLI moved into a separate package: webpack-cli - u010696334的博客 - CSDN博客
Module build failed: Error: Plugin/Preset files are not allowed to export objects, only functions. - 小道仙的后宫 - CSDN博客
webpack4的react打包错误-布布扣-bubuko.com
Plugin/Preset files are not allowed to export objects,webpack报错/babel报错的解决方法 - 小结巴巴吧 - 博客园

$UI组件库、框架

移动端组件UI库

cube-ui

didi/cube-ui: A fantastic mobile ui lib implement by Vue
cube-ui Document
cube-ui Document
cube-ui lib
滴滴开源 Vue 组件库— cube-ui - 掘金

ColorUI

weilanwl/ColorUI: 鲜亮的高饱和色彩,专注视觉的小程序组件库
ColorUI-UniApp - DCloud 插件市场

iOS风格移动Web应用程序开发框架

构建 iOS 风格移动 Web 应用程序的8款开发框架 - 梦想天空(山边小溪) - 博客园
Sencha Touch - Sencha.com | Sencha.com
Build Amazing Native Apps and Progressive Web Apps with Ionic Framework and Angular
jQT (formerly jQTouch) — Zepto/jQuery plugin for mobile web development
trywebapp
iphone-universal
the-m-project.net - 这个网站可出售。 - 最佳的mobile framework javascript html5 project node build localstorage websql model 来源和相关信息。
snippetspace.com - 最佳的snippetspace 来源和相关信息。
ChocolateChip UI

mui

dcloudio/mui: 最接近原生APP体验的高性能框架
mui - 百度
DCloud - HBuilder 快应用
CSS组件 · MUI
MUI-最接近原生APP体验的高性能前端框架

MyLayout

youngsoft/MyLinearLayout: MyLayout is a powerful iOS UI framework implemented by Objective-C. It integrates the functions with Android Layout,iOS AutoLayout,SizeClass, HTML CSS float and flexbox and bootstrap. So you can use LinearLayout,RelativeLayout,Fr
开源UI界面布局框架MyLayout1.9发布 - 掘金

WeTouch

WeTouch云平台:APP、小程序和H5一站式解决方案
Touch UI 开发文档

! only 移动端UI组件库

amazeui

amazeui/amazeui: Amaze UI, a mobile-first and modular front-end framework.
Amaze UI | 中国首个开源 HTML5 跨屏前端框架

at-ui

AT-UI/at-ui: A fresh and flat UI-Kit specially for desktop application, made with ♥ by Vue.js 2.0

bootstrap

AdminLTE

ColorlibHQ/AdminLTE: AdminLTE - Free Premium Admin control Panel Theme Based On Bootstrap 3.x
Free Bootstrap Admin Template | AdminLTE.IO

bootstrap-table

wenzhixin/bootstrap-table: An extended Bootstrap table with radio, checkbox, sort, pagination, and other added features. (supports twitter bootstrap v2, v3 and v4)
wenzhixin/element-table: An extended table to integration with bootstrap-table and element-ui.
Bootstrap Table

bootstrap-ie7

coliff/bootstrap-ie7: Bootstrap 3 CSS for IE7
Bootstrap 3 for IE7 | bootstrap-ie7

BOOTFLAT

bootflat/bootflat.github.io: BOOTFLAT is an open source Flat UI KIT based on Bootstrap 3.3.0 CSS framework. It provides a faster, easier and less repetitive way for web developers to create elegant web apps.
Bootflat

coreui-free-bootstrap-admin-template

coreui/coreui-free-bootstrap-admin-template: CoreUI is free bootstrap admin template
🆓 Free Bootstrap Admin Template · CoreUI

epicbootstrap

Epic Bootstrap

gentelella

ColorlibHQ/gentelella: Free Bootstrap 4 Admin Dashboard Template

material-dashboard

creativetimofficial/material-dashboard: Material Dashboard - Open Source Bootstrap 4 Material Design Admin

twbs/bootstrap: The most popular HTML, CSS, and JavaScript framework for developing responsive, mobile first projects on the web.
gustavohenke/bselect: DEPRECATED - The select decorator component that was missing for Twitter Bootstrap.
Bootstrap · The world's most popular mobile-first and responsive front-end framework.
Bootstrap中文网
Bootstrap 中文文档 · Bootstrap 是世界上最流行的、移动设备优先的、响应式前端开发框架。
手册
Bootstrap 可视化布局系统

H-ui

H-ui前端框架官方网站 - 专注前端解决方案

jui

Jui.com
jui文档 - 百度
TopJUI开发文档 - TopJUI前端框架
TopJUI交流社区 - 致力于为企业级信息系统提供解决方案
B-jui中文手册_中华文本库

junior

justspamjustin/junior: A front-end framework for building html5 mobile apps with a native look and feel.
Junior - A front-end framework for building HTML5 mobile apps with a native look and feel.

Layui

Fly Template

layui/fly: Fly Template 由layui官方社区友情提供,基于 layui 搭建而成,提供了全屏和固宽两类排版,并且具备响应式适配能力,可很好地作为简约型问答社区的页面支撑。
Fly - layui前端框架官方社区
layui 实用干货和常见问题的处理 - Layui
Fly Template,基于 layui 的极简社区页面模版

laydate

sentsin/laydate: layDate(日期与时间组件) 是 layui 独立维护的三大组件之一,我们在 5.0 的版本对其进行了一次惊艳的重写
日期和时间组件文档 - layui
layDate - JS日期与时间组件/插件官方演示与讲解

layer

sentsin/layer: 丰富多样的 Web 弹出层组件,可轻松实现 Alert/Confirm/Prompt/ 普通提示/页面区块/iframe/tips等等几乎所有的弹出交互。目前已成为最多人使用的弹层解决方案
layer官方演示与讲解(jQuery弹出层插件)
layer API 帮助文档
layer弹层组件开发文档 - layui
快速上手 layer,新人必看
layer.open方法 - 大都督的博客 - CSDN博客

Layui-admin

weberandphper/Layui-admin: 一个现成的 Layui+Vue的后台系统模板,开箱即用

layuimini

zhongshaofa/layuimini: 后台admin前端模板,基于 layui 编写的最简洁、易用的后台框架模板。只需提供一个接口就直接初始化整个框架,无需复杂操作。

sentsin/layui: 采用自身模块规范编写的前端 UI 框架,遵循原生 HTML/CSS/JS 的书写形式,极低门槛,拿来即用。
Layui - 经典模块化前端 UI 框架
LayIM - 拉近用户在Web间的距离
layim
使用LayUI展示数据 - CSDN博客

LuLu UI

yued-fe/lulu: LuLu UI for PC web
LuLu UI中文文档和演示 » 命名与设计
LuLu UI - 游刃于用户侧PC web网站的UI组件
LuLu UI中文官方文档
面向设计的半封装web组件开发(概要版) « 张鑫旭-鑫空间-鑫生活
面向设计的半封装web组件开发(原始)

layerjs

layerJS/layerJS: layerJS: Javascript UI composition framework
layerJS/layerJS: layerJS: Javascript UI composition framework
UI composition & animation in pure HTML | layerJS

material-kit

creativetimofficial/material-kit: Free and Open Source UI Kit for Bootstrap 4, React, Vue.js, React Native and Sketch based on Google's Material Design

material-components

Material Components

polymer.js

Polymer Project
Polymer/polymer-cli: Moved to Polymer/tools monorepo
Polymer Project
Polymer 中文网
Polymer 2.0 upgrade guide - Polymer Project
Polymer library - Polymer Project
前端框架 Polymer 入门教程 – 热前端
谈谈Google Polymer以及Web UI框架的未来-CSDN.NET
Polymer2.0 调用外联js方法 - 天边那朵云的博客 - CSDN博客
polymerjs学习笔记——入门篇 - 简书
Polymer——Web Components的未来 - 宏图志远 - 博客园

ring-ui

JetBrains/ring-ui: A collection of JetBrains Web UI components
Getting Started — Ring UI

sencha/extjs

sencha
extjs-doc-cn/ext4api: ExtJS4.1 中文文档翻译 在线文档
Docs | Ext JS 6.2.0
API Documentation - Sencha Docs - Ext JS - 脚本娃娃 (Ext4.1.0 Doc中文版 V1.0.0 Beta)
Design, Develop, and Test Enterprise Web Apps with Sencha | Sencha
Sencha中文站 | 全球最大的Sencha中文资料,ExtJS中文教程,Ext中文教程
API Documentation - Sencha Docs - Ext JS - 脚本娃娃 (Ext4.1.0 Doc中文版 V1.0.0 Beta)
Welcome to SenchaDevs
ExtJS入门——开始 | 全球最大的Sencha中文资料,ExtJS中文教程,Ext中文教程
https://cn.suyouxuan.com/S_2qc9gA/MDAwMDAwMDAwMJZ8i2TGqqetsmykbLF5ZNyoo00of5fZyL1oo00onoPPhquo000oZZ5hgaGHqsW5cbHAkJOsvaCF17KMrNm0lmmqhbWBabOHzZaKnn6tsqqja76zp6o000oxinHbsoyk3bO7apubuKSovne2YIOIkq274IGss4yWrbCgedmzjMrZv71zpAO0O0OO0O0O_MDAwMDAwMDAwMJZ8i2TG

Semantic-UI

Semantic-Org/Semantic-UI: Semantic is a UI component framework based around useful principles from natural language.
Semantic UI

storefront-ui

DivanteLtd/storefront-ui: Customization-first, performance-oriented and elegant UI framework for eCommerce (and not only) based on Vue.js and Google Retail UX Playbook. Made with 💚 by Vue Storefront team and contributors.

UIkit

uikit/uikit: A lightweight and modular front-end framework for developing fast and powerful web interfaces
UIkit

weui

Tencent/weui: A UI library by WeChat official design team, includes the most useful widgets/modules in mobile web applications.
Tencent/weui.js: A lightweight javascript library for WeUI.
Tencent/weui-wxss: A UI library by WeChat official design team, includes the most useful widgets/modules.
lihongxun945/jquery-weui: UI lib for build hybrid wechat web app
WeUI

weex-ui

alibaba/weex-ui: 🏄 A rich interaction, lightweight, high performance UI library based on Weex.
Weex Ui

Workless

scottparry/Workless: Workless is a CSS base framework to get your projects up and running as quickly as possible.
Workless | An open source HTML, CSS & JS framework for developing front-end web applications faster.

winjs

winjs/winjs: A UI toolkit for modern browsers

zeit-ui

ZEIT UI

panteng/wechat-h5-boilerplate: 为腾讯微信优化的H5动效模板,帮助你快速构建全屏滚动型H5页面。

如何快速掌握一个ui框架 - 掘金
聊聊前端 UI 组件:核心概念
聊聊前端 UI 组件:组件体系

$Vue.js

Vue.js core

Vue CLI

Vue CLI core

#Guide

Overview | Vue CLI
介绍 | Vue CLI
HTML 和静态资源 | Vue CLI

#Configuration Reference

Configuration Reference | Vue CLI
配置参考 | Vue CLI

#Plugin Development Guide

Plugin Development Guide | Vue CLI
插件开发指南 | Vue CLI

#Core Vue CLI Plugins

Plugins | Vue CLI

@vue/cli-service

@vue/cli-service - npm

Vue CLI2

vuejs/vue-cli at v2

Vue CLI3

webpack - Configure environment specific variables using vue-cli - Stack Overflow
环境变量和模式 | Vue CLI

Vue CLI4

vue-cli/packages/@vue/cli-plugin-babel at dev · vuejs/vue-cli
vue-cli/packages/@vue/cli-plugin-router at dev · vuejs/vue-cli
vue-cli/packages/@vue/cli-plugin-vuex at dev · vuejs/vue-cli

vue.config.js

vue.config.js 配置项 - 掘金

vuejs/vue-cli: 🛠️ CLI for rapid Vue.js development
vue-cli/packages/@vue/cli-service/lib/config at dev · vuejs/vue-cli
Vue CLI 3
Vue CLI
Introduction · GitBook
Awesome Vue CLI packages - Awesome JS

Vue CLI libs、plugins&tools

#vue-cli-plugin

#A-G

@vue/cli-plugin-babel

@vue/cli-plugin-babel - npm

@vue/cli-plugin-eslint

@vue/cli-plugin-eslint - npm
vue-cli/packages/@vue/cli-plugin-eslint at dev · vuejs/vue-cli

@vue/cli-plugin-e2e-cypress

vue-cli/packages/@vue/cli-plugin-e2e-cypress at dev · vuejs/vue-cli

@vue/cli-plugin-e2e-nightwatch

vue-cli/packages/@vue/cli-plugin-e2e-nightwatch at dev · vuejs/vue-cli

wjq990112/vue-cli-plugin-generators: A Vue CLI plugin to generate components or pages.

#H-N

#O-T

@vue/cli-plugin-router

@vue/cli-plugin-router - npm

@vue/cli-plugin-typescript

@vue/cli-plugin-typescript - npm
vue-cli/packages/@vue/cli-plugin-typescript at dev · vuejs/vue-cli

@vue/cli-plugin-pwa

vue-cli/packages/@vue/cli-plugin-pwa at dev · vuejs/vue-cli

vue-cli-plugin-style-resources-loader

nguyenvanduocit/vue-cli-plugin-style-resources-loader: Vue cli plugin to support style-resources-loader.
vue-cli-plugin-style-resources-loader - npm
CSS 相关 | Vue CLI

Worthaboutapig/vue-cli-plugin-sass-resources-loader: Vue CLI 3.x plugin for [sass-resources-loader](https://github.com/shakacode/sass-resources-loader).
webpack - Using sass-resources-loader with vue-cli v3.x - Stack Overflow
如何在Vue CLI 3.04上使用sass-resource-loader为所有Vue组件加载_variables.scss文件? -Java 学习之路

#U-Z

@vue/cli-plugin-unit-jest

@vue/cli-plugin-unit-jest - npm
vue-cli/packages/@vue/cli-plugin-unit-jest at dev · vuejs/vue-cli

@vue/cli-plugin-vuex

@vue/cli-plugin-vuex - npm

@vue/cli-plugin-unit-mocha

vue-cli/packages/@vue/cli-plugin-unit-mocha at dev · vuejs/vue-cli

vue-cli4-config

staven630/vue-cli4-config: vue-cli3配置vue.config.js持续更新
staven630/vue-cli4-config at vue-cli3
vue-cli4 全面配置(持续更新) - 知乎
vue-cli4 全面配置(持续更新) | vue-cli4-config

Vue CLI 资源、整理集&FAQ

Vue CLI 资源

lentoo/vue-cli3-project: vue-cli3-project
trsoliu/vue-cli3.x-configure: 基于vue-cli3.x下,配合vuex、vue-router、iView、axios、scss、amfe-flexible、vConsole等等等
trsoliu/vue-cli3-command: 基于vue-cli3脚手架自动化打包命名发版本部署脚本
Deploying ES2015+ Code in Production Today — Philip Walton

Vue CLI 整理集

《从0到1使用VUE-CLI3开发实战》

从0到1开发实战手机站(二):Git提交规范配置 - 掘金
从0到1使用VUE-CLI3开发实战(四): Axios封装 - 掘金
从0到1使用VUE-CLI3开发实战(五):模块化VUEX及使用vuetify - 掘金
从0到1使用VUE-CLI3开发实战(六):这是一个有代码洁癖的项目 - 掘金

vue-cli新建的项目webpack设置涉及的大部分插件整理 - 简书

Vue CLI FAQ

一张图教你快速玩转vue-cli3 - 掘金
【vue-cli3升级】老项目提速50%(一) - 掘金
【vue-cli3升级】老项目提速50%(二) - 掘金
vue-cli3 从搭建到优化 - 掘金
结合vue-cli来谈webpack打包优化 - 掘金
深入认识 vue-cli:能做的不仅仅是初始化 vue 工程 - 掘金
「Vue实践」项目升级vue-cli3的正确姿势 - 掘金
Vue-cli@3.0 插件系统简析 - 掘金
Vue-Cli3多页面配置与编译时构建优化 - 掘金
vue-cli3 项目框架优化(OneLine周分享) - 掘金
vue-cli 3.0 下发布一个 TypeScript 组件.md - 掘金
vue cli 3.0快速创建项目 - 掘金
在 WebStorm 中,配置能够识别 Vue CLI 3 创建的项目的别名 alias @ - 掘金
用vue-cli3从0打造一个完整的UI库 - 掘金
Vue-CLI 3.x 自动部署项目至服务器 - 掘金
让vue-cli3.0 配置简单起来(vue.config.js编结) - 掘金
vuecli3+webpack4优化实践(删除console.log和配置dllPlugin) - 掘金
基于vue-cli3创建libs库 - 掘金
一份超级详细的Vue-cli3.0使用教程[赶紧来试试!] - 掘金
vue-cli中理不清的assetsSubDirectory 和 assetsPublicPath - 掘金
老项目平滑迁移 vue-cli3 日志 - 掘金
窥探 Vue CLI3 UI 内置插件 - 关闭网络端口 - 掘金
「Vue进阶」5分钟撸一个Vue CLI 插件 - 掘金
VUE CLI3 结合 cross-env 配置环境变量(含环境变量源码解析) - 掘金
如何编写一个vue cli插件 - 掘金
【Vue CLI】手把手教你撸插件
vue-cli3 项目从搭建优化到docker部署 - 掘金
vue-cli2 中 assets 和 static 文件夹的区别 - Wayne8016的博客
vue-cli3静态资源static assets项目结构 - 細水、長流√的专栏
关于vue的title标签中出现的htmlWebpackPlugin.options.title_javascript_cokoD的博客-CSDN博客
自定义自己的vue-cli模板 - 个人文章 - SegmentFault 思否
vue-cli3静态资源static assets项目结构 - Notes - SegmentFault 思否
javascript - vue-cli assets 和static 分别到底应该放什么文件. - SegmentFault 思否
揭秘vue——vue-cli3全面配置 - JS忍者之路 - SegmentFault 思否
vue-cli3搭建项目 - 个人文章 - SegmentFault 思否
vue-cli3.x 新特性及踩坑记 - 全栈修炼 - SegmentFault 思否
修改vue/cli项目的标题 - 简书
vue-cli assets文件夹和static文件夹的区别 - 简书
vue2:使用vue-cli生成的脚手架,在开发配置上需要注意的事情 - 我有我的个人空间 - OSCHINA
vue新vue-cli3环境配置和模拟json数据的实例_vue.js_脚本之家
vue-cli3.0 特性解读_vue.js_脚本之家
Vue-cli3项目配置Vue.config.js实战记录_vue.js_脚本之家
vue-cli3全面配置详解_vue.js_脚本之家
vue-cli3脚手架的配置及使用教程_vue.js_脚本之家
一份超级详细的Vue-cli3.0使用教程【推荐】_vue.js_脚本之家
vue-cli3.0使用及部分配置详解_vue.js_脚本之家
详解项目升级到vue-cli3的正确姿势_vue.js_脚本之家
解决vue-cli3 使用子目录部署问题_vue.js_脚本之家
vue-cli3 从搭建到优化的详细步骤_vue.js_脚本之家
vue-cli3使用mock数据的方法分析_vue.js_脚本之家
vue-cli3静态资源static assets-JavaScript中文网-JavaScript教程资源分享门户
vue cli4.0 快速搭建项目详解 - 前端[色色] - 博客园
Vue-cli中的静态资源管理(src/assets和static/的区别) - Panax - 博客园
这可能是vue-cli最全的解析了…… - 前端panda - 博客园
Vue-cli 项目处理src/assets下静态资源 - 中文 - Vue Forum
vue-cli 图片动态引入 怎么写呢?图片放在了assets 里面了。_慕课猿问
Vue CLI 3 项目构建基础 | 码农网
自动生成组件代码—— Vue CLI 插件开发实战
vue-cli项目升级webpack4踩坑
vue-cli3如何在minimizer里面添加OptimizeCSSAssetsPlugin - SegmentFault 思否

Vue Loader

#Guide

feat: implement ::v-deep as a shadow piercing combinator (#54) · vuejs/component-compiler-utils@8b2c646
Scoped CSS | Vue Loader
使用预处理器 | Vue Loader
vue中style scope深度访问新方式(::v-deep) - 小李子的前端 - SegmentFault 思否

#SFC Spec

SFC Spec | Vue Loader

#Options Reference

Options Reference | Vue Loader

#Migrating from v14

Migrating from v14 | Vue Loader
Migrating from v14 | Vue Loader

Vue Loader core

vuejs/vue-loader: 📦 Webpack loader for Vue.js components
Introduction | Vue Loader
Introduction · vue-loader
Introduction · vue-loader
Choose a language · vue-loader
介绍 | Vue Loader

Vue Loader 资源、整理集&FAQ

DeprecationWarning: loaderUtils.parseQuery() received a non-string value which can be problematic · Issue #666 · vuejs/vue-loader
从vue-loader源码分析CSS Scoped的实现 - 掘金

Vue Router

#指南(Guide)

路由组件传参 | Vue Router
Passing Props to Route Components | Vue Router
滚动行为 | Vue Router

#API 参考(API Reference)

API Reference | Vue Router
API 参考 | Vue Router

Vue Router core

vuejs/vue-router: 🚦 The official router for Vue.js.
chrisvfritz/vue-2.0-simple-routing-example: A simple example of routing with Vue 2.0 without using vue-router.
vue-router文档
Introduction | Vue Router
介绍 | Vue Router

Vue Router 资源、整理集&FAQ

Vue Router 资源

addRoutes

vue-element-admin/index.js at 42aa24d1d7821d4932d81a280b87fb6ee050148e · BiYuqi/vue-element-admin
BiYuqi/vue-element-admin: 🎢基于vue, element-ui 的后台系统 包含侧边栏权限过滤等常用组件
BiYuqi/vue-multiple-tabs: vue-cli3 动态路由, 复用路由, 自动注入路由, 增删路由, 实战多tab页
liuyangjike/dynamic-router: daynamic-router to display menu
console warnin:Duplicate named routes definition · Issue #1727 · vuejs/vue-router
addRoutes后,我换一个账号登录权限不一样了,怎么删除之前添加的的路由? · Issue #416 · PanJiaChen/vue-element-admin
Feature request: replace routes dynamically · Issue #1234 · vuejs/vue-router
系统权限按需访问路由几个完整方案(含addRoutes的填坑) · Issue #20 · pekonchan/Blog
Feature request: replace routes dynamically · Issue #1234 · vuejs/vue-router
Route Meta Fields | Vue Router
Vue-router-3.0.1 使用router.addRoutes()设置动态路由,页面刷新后无效 - 中文 - Vue Forum
vue权限控制路由(vue-router 动态添加路由) - qq_28529373的博客 - CSDN博客
vue.js - Vue-router-3.0.1 使用router.addRoutes()设置动态路由,动态路由对应页面直接刷新后无效 - SegmentFault 思否
vue-router addRoutes后如何刷新? - SegmentFault 思否
手摸手,带你用vue撸后台 系列二(登录权限篇) - 手摸手系列 - SegmentFault 思否
vue 解决addRoutes动态添加路由后,刷新失效问题 - - SegmentFault 思否
vue的动态路由(登录之后拿到动态路由通过addRouters()动态添加路由) - 奔跑吧前端(李钊) - 博客园
详解基于vue,vue-router, vuex以及addRoutes进行权限控制 - Runlin - 博客园
vue-router动态添加路由的方法,addRouter添加路由,提示:Duplicate named routes definition-Bug收集 - Bug搜集

navigation-guards

导航守卫 | Vue Router
vue2.x使用beforeRouteEnter路由钩子进行鉴权 - 掘金
vue-router路由切换 组件重用挖下的坑 - 踩坑小王子 - CSDN博客
用 vue-route 的 beforeEach 实现导航守卫(路由跳转前验证登录) - Latency の 博客 - CSDN博客
对vue-router 3个钩子的理解 - 流年的樱花逝 - SegmentFault 思否
Vue2.0生命周期(组件钩子函数与路由守卫) - - SegmentFault 思否
Vue-Router路由钩子函数(导航守卫) - 简书

Vue Router 整理集

《vue-router 源码解析》

vue-router源码解析 | 1.4w字 | 多图预警 - 【上】🏆 掘金技术征文|双节特别篇
vue-router源码解析 | 1.5w字 | 多图预警 - 【中】| 掘金年度征文
【完结】vue-router 源码解析 | 6k 字 - 【下】

vue-router 一些容易被忽略的知识点 - 掘金
可能比文档还详细--VueRouter完全指北 - 掘金

Vue Router FAQ

addRoutes实现动态权限路由菜单 - 个人文章 - SegmentFault 思否
vue-router 源码阅读 - 文件结构与注册机制 - 掘金
学习vue-router - 掘金
说说 vue-router 组件的高级应用 - 掘金
解决vue在控制台的 NavigationDuplicated 报错 - 红尘码农·Joseph - CSDN博客
VueRouter之加载解析VueRouter文件_玉案轩窗的博客-CSDN博客
VueRouter之构建VueRouter对象以及new Vue涉及的处理_玉案轩窗的博客-CSDN博客
vue-router实现原理分享

Vuex

Vuex core

vuejs/vuex: 🗃️ Centralized State Management for Vue.js.
What is Vuex? | Vuex
Introduction · Vuex
Vuex 是什么? | Vuex

Vuex libs、plugins&FAQ

typed-vuex

danielroe/typed-vuex: 🏦 A typed store accessor for vanilla Vuex.

vue-savedata

Banlangenn/vue-savedata: vuex 数据持久化 .【配置简,性能佳,体积小】 举个🌰例子 :https://codesandbox.io/s/jpw79pmr15

vuex-along

boenfu/vuex-along: A plugins to auto save and restore state for vuex

vuex-class

ktsn/vuex-class: Binding helpers for Vuex and vue-class-component

vuex-loading

vueComponent/vuex-loading: A loading plugin like dva-loading

vuex-map-fields

maoberlehner/vuex-map-fields: Enable two-way data binding for form fields saved in a Vuex store

vuex-orm

Vuex ORM
vuex-orm/vuex-orm: The Vuex plugin to enable Object-Relational Mapping access to the Vuex Store.
vuex-orm/plugin-axios: Vuex ORM persistence plugin to sync the store against a RESTful API.
vuex-orm/plugin-graphql: Vuex ORM persistence plugin to sync the store against a GraphQL API.
vuex-orm/plugin-search: Vuex ORM plugin for adding fuzzy search feature through model entities.
vuex-orm/plugin-change-flags: Vuex ORM plugin for adding IsDirty / IsNew flags to model entities.
vuex-orm/plugin-soft-delete: Vuex ORM plugin for adding soft delete feature to model entities.
vuex-orm/awesome-vuex-orm: A curated list of awesome things related to Vuex ORM.
Vuex ORM | Vuex ORM

vuex-persistedstate

robinvdvleuten/vuex-persistedstate: 💾 Persist and rehydrate your Vuex state between page reloads.
vuex-persistedstate - npm

vuex-persist

championswimmer/vuex-persist: A Vuex plugin to persist the store. (Fully Typescript enabled)

vuex-pathify

davestewart/vuex-pathify: Vue / Vuex plugin providing a unified path syntax to Vuex stores

vuex-router-sync

vuejs/vuex-router-sync: Effortlessly keep vue-router and vuex store in sync.

vuex-stateshot

xiaoluoboding/vuex-stateshot: 💾 A State Snapshot plugin on Actions/Mutations for Vuex3.1+.
gaoding-inc/stateshot: 💾 Non-aggressive history state management with structure sharing.
打造 Vue 技术栈中的“时间宝石“ - 掘金

Vuex 资源、整理集&FAQ

《Vuex源码学习》

Vuex源码学习(一)功能梳理 - 掘金
Vuex源码学习(二)脉络梳理 - 掘金
Vuex源码学习(三)install都做了哪些事情 - 掘金
Vuex源码学习(四)module与moduleCollection - 掘金
Vuex源码学习(五)加工后的module - 掘金
Vuex源码学习(六)action和mutation如何被调用的(前置准备篇) - 掘金
Vuex源码学习(七)action和mutation如何被调用的(调用篇) - 掘金
Vuex源码学习(八)模块的context如何被创建以及它的作用 - 掘金

sl1673495/vuex-error-plugin: 提供vuex全局拦截错误统一处理能力。
Learn Vuex | Scrimba.com
TypeScript基础看腻了?进阶实现智能类型推导的简化版Vuex,手把手带你实现。 - 掘金
从概念到实际项目__vuex指北 - 掘金
【前端笔记】Vuex 是什么,为什么需要 - 掘金
EventBus & Vuex? - 掘金
【前端笔记】Vuex快速使用 - 掘金
利用Dectorator分模块存储Vuex状态(上) - 掘金
利用Dectorator分模块存储Vuex状态(下) - 掘金
如何使用 vue + typescript 编写页面 ( vuex装饰器部分 ) - 掘金
如何使用 vue + typescript 编写页面 ( vuex装饰器补充部分--store装饰器 ) - 掘金
如何更好的使用module vuex? - 掘金
Vue递归组件+Vuex开发树形组件Tree--递归组件 - 掘金
DIY 一个 Vuex 持久化插件 - 掘金
状态机Vuex的奇淫巧技-多弹框、多事件统一控制 - 掘金
手写Vuex核心原理,再也不怕面试官问我Vuex原理
VueJS中学习使用Vuex详解 - 个人文章 - SegmentFault 思否
超简单入门Vuex小示例 - 个人文章 - SegmentFault 思否
vuex最简单、最详细的入门文档 - 前端研发工程师 - 梁晓谊 - SegmentFault 思否
Vue.js——十分钟入门Vuex - 简书
vuex到底是个啥 - 追梦-dream - 博客园
vue--vuex详解 - 游鱼与渔 - 博客园
Vuex 快速入门 简单易懂 - 王念博客 - 开源中国

Vue.js Server-Side Rendering

vuejs/vue-ssr-docs: Vue.js Server-Side Rendering Guide
Vue.js Server-Side Rendering Guide | Vue SSR Guide
Introduction · GitBook(!SSR)
编写通用代码 | Vue SSR 指南

vue-resource

pagekit/vue-resource: The HTTP client for Vue.js

vuejs-templates

vuejs-templates
vuejs-templates/pwa: PWA template for vue-cli based on the webpack template
vuejs-templates/webpack: A full-featured Webpack + vue-loader setup with hot reload, linting, testing & css extraction.

vue-template-compiler

vue/packages/vue-template-compiler at dev · vuejs/vue
vuejs/vue-template-es2015-compiler: Support a subset of handy ES2015 features in Vue 2.0 templates.
vue-template-compiler - npm
Vue Template Explorer
Vue模板编译原理

Vue.js 服务端渲染(SSR)

Vue awesome、源码、文档&社区

¥教程(Guide)

¥基础(Essentials)

#Vue 实例(The Vue Instance)

The Vue Instance — Vue.js

Vue 生命周期(Lifecycle)

The Vue Instance — Vue.js
Vue 实例 — Vue.js
详解 Vue 生命周期实现 - 掘金
初探 Vue 生命周期和钩子函数 - 掘金
异步加载在Vue生命周期哪个阶段更合理 - 掘金
Vue生命周期 - 掘金
vue生命周期 - 掘金
vue生命周期详解 - 掘金
Vue2.5笔记:Vue的实例与生命周期 - 六小登登的专栏 - CSDN博客
vue--生命周期函数 - 大小都是愁的成长之路 - CSDN博客
Vue之生命周期相关_玉案轩窗的博客-CSDN博客
关于Vue实例的生命周期created和mounted的区别 - 劝君惜取少年时 - SegmentFault 思否
vue中各选项及钩子函数执行顺序详解_vue.js_脚本之家

安装 — Vue.js

¥深入了解组件(Components In-Depth)

Component Registration — Vue.js
组件注册 — Vue.js
插槽 — Vue.js

¥过渡 & 动画(Transitions & Animation)

Enter/Leave & List Transitions — Vue.js
进入/离开 & 列表过渡 — Vue.js

¥可复用性 & 组合(Reusability & Composition)

#混入(Mixins)

Mixins — Vue.js
混入 — Vue.js

#渲染函数 & JSX(Render Functions & JSX)

vuejs/jsx: monorepo for Babel / Vue JSX related packages
babel-plugin-transform-vue-jsx/README.md at master · vuejs/babel-plugin-transform-vue-jsx
vueComponent/jsx: jsx for vue 3
Vue 3 JSX Design · Issue #141 · vuejs/jsx
Render Functions & JSX — Vue.js
渲染函数 & JSX — Vue.js
渲染函数 & JSX — Vue.js
如何在Vue中书写JSX - 掘金
学会使用Vue JSX,一车老干妈都是你的 - 掘金
vue项目中使用jsx语法_水痕-CSDN博客
如何在 Vue 中使用 JSX 以及使用它的原因

vue-next-jsx

HcySunYang/vue-next-jsx: A babel plugin that provides jsx syntax for vue3

¥工具(Tooling)

#TypeScript 支持(TypeScript Support)

《Vue & TypeScript》

Vue & TypeScript 初体验
Vue & TypeScript 初体验 - 使用Vuex (vuex-module-decorators)
Vue & TypeScript 初体验 - TypeScript中常用的数据类型
Vue & TypeScript 初体验 - TypeScript中的Interface

《为 Vue3 学点 TypeScript》

为 Vue3 学点 TypeScript , 体验 TypeScript - 掘金
为vue3学点typescript, 基础类型和入门高级类型 - 掘金
为vue3学点typescript, 泛型 - 掘金
为 Vue3 学点 TypeScript, 解读高级类型 - 掘金
为 Vue3 学点 TypeScript, 命名空间(namespace)是什么? - 掘金
在vue3🔥源码中学会typescript🦕 - "is" - 掘金
TypeScript系列🔥尾声篇, 什么是声明文件(declare)? [🦕全局声明篇] - 掘金

ws456999/vue-typescript-starter: vue-typescript-starter 脚手架
TypeScript Support — Vue.js
TypeScript 支持 — Vue.js
Vue + TypeScript + Element 项目实践(简洁时尚博客网站)及踩坑记 - 掘金
vue + typescript 项目起手式 - 个人文章 - SegmentFault 思否
vue + typescript 进阶篇 - 个人文章 - SegmentFault 思否
Vue with TypeScript - D.D Blog - SegmentFault 思否
TypeScript + 大型项目实战_慕课手记

Single File Components — Vue.js
单文件组件 — Vue.js
Production Deployment — Vue.js

¥规模化(Scaling Up)

Routing — Vue.js
路由 — Vue.js

¥内在(Internals)

Reactivity in Depth — Vue.js
深入响应式原理 — Vue.js

¥迁移(Migrating)

vuejs/vue-migration-helper: CLI tool to aid in migration from Vue 1.x to 2.0
vue-migration-helper - npm
Migration from Vue 1.x — Vue.js
从 Vue 1.x 迁移 — Vue.js

¥更多(Meta)

Comparison with Other Frameworks — Vue.js
对比其他框架 — Vue.js

Introduction — Vue.js
介绍 — Vue.js

¥API

全局配置 & 全局API

Vue.extend( options )

Vue.extend挂载到实例上_charming的博客-CSDN博客
Vue2 向Vue.extend传参-propsData属性 - xuanwuziyou的专栏 - CSDN博客
javascript - Vue.extend 创建的子组件实例化时传递参数只能通过 propsData ?? - SegmentFault 思否
Vue.extend构造器的详解_vue.js_脚本之家
vue通过extend动态创建全局组件(插件)学习小记 - vbyzc - 博客园
API — Vue.js

Vue.nextTick( [callback, context] )

API — Vue.js
从 javascript 事件循环看 Vue.nextTick 的原理和执行机制 - 掘金
通俗易懂的Vue异步更新策略及 nextTick 原理
Vue之nextTick内部实现_玉案轩窗的博客-CSDN博客
Vue源码详解之nextTick:MutationObserver只是浮云,microtask才是核心! - chuckliu的前端学习笔记 - SegmentFault 思否

Vue.set( target, propertyName/index, value )

API — Vue.js
【vue2 给对象添加属性】 - CSDN
vue 数组中嵌套的对象添加新属性--页面更新 - 简书
Vue 不能检测到对象属性的添加或删除,注意!!! - web前端 - SegmentFault 思否
So What Actually is Vue.set?
javascript - What is the difference between vm.$set and Vue.set? - Stack Overflow

Vue.delete( target, propertyName/index )

API — Vue.js
【vue 删除 对象属性】 - CSDN
Vue.delete()删除对象的属性 - xiasohuai的博客 - CSDN博客

Vue.directive( id, [definition] )

API — Vue.js

Vue.filter( id, [definition] )

API — Vue.js
pixelspring/VueFilters: A collection of useful filters for Vue 2
xiterjia/vue-global-filters: vue-global-filters
vue-global-filters/src/common/filters at master · xiterjia/vue-global-filters

Vue.component( id, [definition] )

API — Vue.js
VUE的component和components - 简书

Vue.use( plugin )

API — Vue.js
Vue中使用Vue.use注册全局插件-组件、指令、过滤器等_WLittleyang的博客-CSDN博客
使用use注册Vue全局组件和全局指令_JavaScript_runOnWay的博客-CSDN博客
vue全局注册组件和指令 - 简书

Vue.mixin( mixin )

API — Vue.js

vue-mixins

paulpflug/vue-mixins: A collection of mixins in vue
vue-mixins - npm

Vue.compile( template )

API — Vue.js
Vue.js 模板解析器原理 - 掘金
咱来聊聊 Vue - compile - 掘金

Vue.observable( object )

API — Vue.js

Vue.version

API — Vue.js

API — Vue.js

选项

选项 / 数据

API — Vue.js

data

API — Vue.js

props

API — Vue.js
「从源码中学习」彻底理解Vue选项Props - 掘金

propsData

API — Vue.js

computed

API — Vue.js
[译] 监测与调试 Vue.js 的响应式系统:计算属性树(Computed Tree) - 掘金
记录Computed源码分析 - 掘金
深度解析:Vue3如何巧妙的实现强大的computed - 掘金
手摸手带你理解Vue的Computed原理
Vue实例创建之computed_玉案轩窗的博客-CSDN博客

methods

API — Vue.js

watch

API — Vue.js
Vue.js中 watch 的高级用法 - 掘金
根据调试工具看Vue源码之watch - 掘金
vue watch中的immediate和deep - 掘金
Vue2.0的watch属性-(5) - 简书

选项 / DOM

API — Vue.js

el

API — Vue.js

template

API — Vue.js
Vue 模板 | 大漠老师 w3cplus - 前端 - 掘金

render

API — Vue.js
https://mp.weixin.qq.com/s/EalDK0Wa80jwN938d8ccRw

renderError

API — Vue.js

选项 / 生命周期钩子

API — Vue.js

beforeCreate

API — Vue.js

created

API — Vue.js

beforeMount

API — Vue.js

mounted

API — Vue.js

beforeUpdate

API — Vue.js

updated

API — Vue.js

activated

API — Vue.js

deactivated

API — Vue.js

beforeDestroy

API — Vue.js

destroyed

API — Vue.js

errorCaptured

API — Vue.js

[Vue.js进阶]从源码角度剖析Vue的生命周期

选项 / 资源

API — Vue.js

directives

API — Vue.js

filters

API — Vue.js

components

API — Vue.js

选项 / 组合

API — Vue.js

parent

API — Vue.js

mixins

API — Vue.js

extends

API — Vue.js

provide / inject

API — Vue.js
vue高级组件之provide / inject - 哒哒哒 - CSDN博客
vue中的provide和inject - Cassie's blog - CSDN博客
vue学习- provide / inject - 简书
Vue.js 源码学习五 —— provide 和 inject 学习 - 简书
Vue实战指南之依赖注入(provide / inject) - 简书
vue中的provide/inject的学习使用_vue.js_脚本之家
详解Vue 多级组件透传新方法provide/inject_vue.js_脚本之家
vue中的依赖注入 provide 和 inject - 崔凯通 - 博客园

选项 / 其它

API — Vue.js

name

API — Vue.js

delimiters

API — Vue.js

functional

API — Vue.js

model

API — Vue.js

inheritAttrs

API — Vue.js

comments

API — Vue.js

Render Functions & JSX — Vue.js
深入剖析Vue源码 - 选项合并(上) - 掘金
深入剖析Vue源码 - 选项合并(下) - 掘金
Vue源码之 props data computed 顺序 - chuliang - 博客园
Vue实例API - Shimily - 博客园

实例属性

API — Vue.js

vm.$data

API — Vue.js

vm.$props

API — Vue.js

vm.$el

API — Vue.js

vm.$options

API — Vue.js

vm.$parent

API — Vue.js

vm.$root

API — Vue.js

vm.$children

API — Vue.js

vm.$slots

API — Vue.js

vm.$scopedSlots

API — Vue.js

vm.$refs

API — Vue.js

vm.$isServer

API — Vue.js

vm.$attrs

API — Vue.js

vm.$listeners

API — Vue.js

实例方法

数据

API — Vue.js

vm.$watch( expOrFn, callback, [options] )

API — Vue.js

vm.$set( target, propertyName/index, value )

API — Vue.js

vm.$delete( target, propertyName/index )

API — Vue.js

事件

API — Vue.js

vm.$on( event, callback )

API — Vue.js

vm.$once( event, callback )

API — Vue.js

vm.$off( [event, callback] )

API — Vue.js

vm.$emit( eventName, […args] )

API — Vue.js

Vue之事件相关_玉案轩窗的博客-CSDN博客

生命周期

API — Vue.js

vm.$mount( [elementOrSelector] )

API — Vue.js

vm.$forceUpdate()

API — Vue.js

vm.$nextTick( [callback] )

API — Vue.js
浅析Vue 中 $nextTick 机制 - 掘金
Vue中$nextTick源码解析 - 掘金

vm.$destroy()

API — Vue.js

Vue 的生命周期之间到底做了什么事清?(源码详解,带你从头梳理组件化流程) - 掘金

指令

API — Vue.js

v-text

API — Vue.js

v-html

API — Vue.js

v-show

API — Vue.js

v-if

API — Vue.js

v-else

API — Vue.js

v-else-if

API — Vue.js

v-for

API — Vue.js

v-on

API — Vue.js

v-bind

API — Vue.js

v-model

API — Vue.js
Vue之v-model_玉案轩窗的博客-CSDN博客
Vue之v-model解析_玉案轩窗的博客-CSDN博客

v-slot

API — Vue.js
Vue一个案例引发「内容分发slot」的最全总结 - 掘金
[译] 我最终是怎么玩转了 Vue 的作用域插槽 - 掘金
vue作用域插槽,你真的懂了吗? - 掘金
请你说说 Vue 中 slot 和 slot-scope 的原理(2.6.11 深度解析) - 掘金
Vue之slot相关_玉案轩窗的博客-CSDN博客
vue---slot,slot-scoped,以及2.6版本之后插槽的用法 - 站住,别跑 - 博客园
让你的组件千变万化,Vue slot 剖玄析微

v-pre

API — Vue.js

v-cloak

API — Vue.js

v-once

API — Vue.js

自定义指令

v-hotkey

Dafrok/v-hotkey: Vue 2.x directive for binding hotkeys to components.
V-Hotkey

v-click-outside

ndelvalle/v-click-outside: 🔲 Vue directive to react on clicks outside an element without stopping the event propagation

v-clipboard

euvl/v-clipboard: Vue.js clipboard library (no dependencies, less than 2kb)

vue-scrollto

rigor789/vue-scrollto: Adds a directive that listens for click events and scrolls to elements.
vue-scrollto

v-scroll-lock

phegman/v-scroll-lock: A Vue.js directive for body scroll locking without breaking scrolling of a target element.

vue-focus

simplesmiler/vue-focus: A reusable focus directive for reusable Vue.js components
yeyuqiudeng/vue-auto-focus: A vue directive that can let you control your input and textarea auto focus very easily! Vue指令,你可以很方便地对页面中所有input和textarea的自动聚焦行为进行流程控制

vue-ripple-directive

PygmySlowLoris/vue-ripple-directive: Material Ripple Effect as Vue Directive.

vue-inputmask

scleriot/vue-inputmask: Vue.js directive to add inputmask library to your inputs (vanilla javascript).

vue-clampy

clampy-js/vue-clampy: Vue.js (2+) directive that clamps the content of an element by adding an ellipsis to it if the content inside is too long.

vue-directive-tooltip

hekigan/vue-directive-tooltip: Vue.js tooltip directive. Easy to use, configure and style
Vue Directive Tooltip

v-blur

ndelvalle/v-blur: ⬜️ Vue directive to blur an element dynamically

vue-dummy

paulcollett/vue-dummy: Placeholder Images and Lorem Ipsum Dummy Text for Vue.js projects

vue-directive · GitHub Topics
这些Vue自定义指令,让你的项目开发爽到爆

v-autofocus

vuejs-tips/v-autofocus: Vue autofocus directive

v-debounce

vuejs-tips/v-debounce: Input debounce directive for Vue.js

v-fit-columns

kaysonli/v-fit-columns: Auto fit el-table-column with cell content.

特殊特性

API — Vue.js

key

API — Vue.js
为什么 Vue 中不要用 index 作为 key?(diff 算法详解) - 掘金

ref

API — Vue.js

is

API — Vue.js

slot-废弃

API — Vue.js

slot-scope-废弃

API — Vue.js

scope-移除

API — Vue.js

内置的组件

API — Vue.js

component

API — Vue.js

transition

API — Vue.js

transition-group

API — Vue.js

keep-alive

<keep-alive>组件缓存问题 · Issue #811 · vuejs/vue-router
API — Vue.js
vue2.0 keep-alive最佳实践 - 前端打小怪升级笔记 - SegmentFault 思否
vue-router 之 keep-alive - 简书
记一次vue 的keep-alive踩坑之路 - 简书
彻底揭秘keep-alive - 知乎
Vue源码解析,keep-alive是如何实现缓存的?

slot

API — Vue.js

VNode 接口

API — Vue.js
vue/vnode.js at dev · vuejs/vue

服务端渲染

vue/packages/vue-server-renderer at dev · vuejs/vue
vue/packages/vue-server-renderer at dev · vuejs/vue
API — Vue.js

API — Vue.js
API — Vue.js

¥风格指南(Style Guide)

Style Guide — Vue.js
风格指南 — Vue.js
风格指南 — Vue.js
风格指南 — Vue.js

¥示例(Examples)

Markdown Editor — Vue.js
Markdown 编辑器 — Vue.js

¥Cookbook

Introduction — Vue.js
介绍 — Vue.js

Hooks

yyx990803/vue-hooks: Experimental React hooks implementation in Vue
sdras/vue-hooks-foodapp: A food app using a few hooks in Vue to show how they can work (experimental)
vue-hooks学习笔记(含源码解读)
Hooks API 在 Vue 中的实现分析
[译] Hooks 对 Vue 而言意味着什么
u3u/vue-hooks: ⚡️Awesome Vue Hooks

HOC

vue-hoc

jackmellis/vue-hoc: Create Higher Order Vue Components

Discussion: Best way to create a HOC · Issue #6201 · vuejs/vue
Vue 进阶必学之高阶组件 HOC(保姆式教学,冲击20k必备) - 掘金
探索Vue高阶组件 | HcySunYang - SegmentFault 思否

Proxy

初探 Vue3.0 中的一大亮点——Proxy ! - 掘金
vue3.0 尝鲜 -- 摒弃 Object.defineProperty,基于 Proxy 的观察者机制探索 - 掘金
深入剖析Vue源码 - 数据代理,关联子父组件 - 掘金

Virtual Dom

xuqiang521/overwrite: 👍 overwrite some javascript methods
细谈 vue 核心- vdom 篇 - 掘金
合格前端系列第五弹- Virtual Dom && Diff(迁移) - 掘金
【vue系列】Virtual DOM 真的比操作原生 DOM 快吗? - saucxs - 博客园

Vue 响应式数据

深入响应式原理 — Vue.js
Vue响应式数据: Observer模块实现 - 掘金
Vue: Binding与Watcher - 掘金
深入了解 Vue 响应式原理(数据拦截) - 掘金
深入了解 Vue.js 是如何进行「依赖收集] - 掘金
浅谈VUE响应式双向绑定 - 掘金
【重学Vue】数据响应原理真的是双向绑定吗? - 掘金
【vue】用图告诉你响应式原理 - 掘金
记一次思否问答的问题思考:Vue为什么不能检测数组变动 - vue解析 - SegmentFault 思否
javascript - Vue为什么不能检测数组变动 - SegmentFault 思否

Vue 源码

Vue 源码 core

rfcs

vuejs/rfcs: RFCs for substantial changes / feature additions to Vue core
Composition API RFC | Vue Composition API

vuejs
vuejs/vue: Simple yet powerful library for building modern web interfaces.
vuejs/vuejs.org: 📄 The official documentation site for Vue.js.
vuejs/cn.vuejs.org: 🇨🇳 Chinese translation for vuejs.org
GitHub - vuejs/vue-docs-zh-cn
src/vuejs.md at master · jsfront/src
lyon007/VueJS-docset-CN: Vue.docset dash 文档 Vue 离线文档中文版
vuejs/awesome-vue: 🎉 A curated list of awesome things related to Vue.js
opendigg/awesome-github-vue: Vue相关开源项目库汇总
bhnddowinf/vuejs-learn: (vue.js official website tutorials ,contains video , codes, baudi yun, youtube) 网路上有很多 VUE 综合应用的视频,但大部份的视频 ,都当你已经了解官网 所以讲的节奏难免偏快。 此视频(都
Roadmap
Vue.js
vue.js
Introduction — Vue.js
Vue.js 中文文档 - vuefe.cn
API-vue中文文档
Vue:Vue.js专业中文社区
Vue Forum
台湾的小凡的自频道-优酷视频
Vue.js 教程 | 菜鸟教程
https://cdn.jsdelivr.net/npm/vue/dist/vue.js
Awesome Vue packages - Awesome JS

Vue 源码解析

《Vue 源码解析》

Vue 源码解析(实例化前) - 响应式数据的实现原理 - 掘金
Vue 源码解析(实例化前) - 初始化全局API(一) - 掘金
Vue 源码解析(实例化前) - 初始化全局API(二) - 掘金
Vue 源码解析(实例化前) - 初始化全局API(三) - 掘金

《Vue源码探究》

Vue源码探究-源码文件组织 - 掘金
Vue源码探究-构建版本的区别 - 掘金
Vue源码探究-核心类的实现 - 掘金
Vue源码探究-类初始化函数详情 - 掘金
Vue源码探究-生命周期 - 掘金
Vue源码探究-事件系统 - 掘金
Vue源码探究-数据绑定逻辑架构 - 掘金
Vue源码探究-数据绑定的实现 - 掘金
Vue源码探究-状态初始化 - 掘金
Vue源码探究-虚拟节点的实现 - 掘金
Vue源码探究-虚拟DOM的渲染 - 掘金

《Vue源码探秘》

Vue源码探秘(一) - 掘金
Vue源码探秘(二)(从入口开始) - 掘金
Vue源码探秘(三)(new Vue发生了什么?) - 掘金
Vue源码探秘(四)(实例挂载$mount) - 掘金
Vue源码探秘(五)(_render 函数的实现) - 掘金
Vue源码探秘(六)(Virtual DOM) - 掘金
Vue源码探秘(七)(createElement) - 掘金
Vue源码探秘(八)(_update) - 掘金
Vue源码探秘(九)(createComponent) - 掘金

《Vue原理解析》

Vue原理解析(一):Vue到底是什么? - 掘金
Vue原理解析(二):初始化时beforeCreate之前做了什么? - 掘金
Vue原理解析(三):初始化时created之前做了什么? - 掘金
Vue原理解析(四):你知道被大家聊烂了的虚拟Dom是怎么生成的吗? - 掘金
Vue原理解析(五):彻底搞懂虚拟Dom到真实Dom的生成过程 - 掘金
Vue原理解析(六):全面深入理解响应式原理(上)-对象基础篇 - 掘金
Vue原理解析(七):全面深入理解响应式原理(下)-数组进阶篇 - 掘金
Vue原理解析(八):一起搞明白令人头疼的diff算法 - 掘金
Vue原理解析(九):搞懂computed和watch原理,减少使用场景思考时间 - 掘金
Vue原理解析(十):搞懂事件API原理及在组件库中的妙用 - 掘金
Vue原理解析(十一):搞懂extend和$mount原理并实现一个命令式Confirm弹窗组件 - 掘金

《Vue源码分析》

Vue 源码分析系列一:new Vue()
Vue源码分析系列二:$mount()方法
Vue源码分析系列三:render
Vue源码分析系列四:Virtual DOM
Vue源码分析系列五: 响应式原理

《vue 源码学习》

vue 源码学习(一) 目录结构和构建过程简介
vue 源码学习(二) 实例初始化和挂载过程
vue 源码学习(三) 创建Virtual Dom 虚拟节点

《Vue2源码解读》

Vue2源码解读(一)-Vue声明
Vue2源码解读(二)-new Vue
Vue2源码解读(三)-InitState
Vue2源码解读(四)-Observe
Vue2源码解读(五)-Watcher && Scheduler
Vue2源码解读(六)-nextTick
Vue2源码解读(七)-mount

《Vue源码》

🚩Vue源码——订阅者的收集
🚩Vue源码——如何监听数据变化
🚩Vue源码——模板和数据如何渲染成最终的DOM
🚩Vue源码——收集订阅者引起的性能问题
🚩Vue源码——订阅者的响应
🚩Vue源码——如何深度收集渲染订阅者
✍Vue源码——学习如何判断数据类型
🚩Vue源码——nextTick实现原理
🚩Vue源码——组件如何渲染成最终的DOM

《根据调试工具看Vue源码》

根据调试工具看Vue源码之组件通信(一) - 掘金
根据调试工具看Vue源码之computed(一) - 掘金
根据调试工具看Vue源码之computed(二) - 掘金
根据调试工具看Vue源码之watch - 掘金
根据调试工具看Vue源码之虚拟dom(一) - 掘金
根据调试工具看Vue源码之生命周期(一) - 掘金

ustbhuangyi/vue-analysis: Vue.js 源码分析
Vue.js 技术揭秘 | Vue.js 技术揭秘
answershuto (染陌同学)
answershuto/learnVue: Vue.js 源码解析
KieSun (yck)
HcySunYang/vue-design: 📖 master分支:《渲染器》 elegant分支:逐行级别的源码分析
sdras/intro-to-vue: Workshop Materials for my Introduction to Vue.js Workshop
webproblem/IntoVue: 走进 Vue 框架系列
qq281113270/vue: vue源码逐行注释分析+40多m的vue源码程序流程图思维导图 (diff部分待后续更新)
liutao/vue2.0-source: vue源码分析 -- 基于 2.2.6版本
(1.8w字,建议收藏)Vue源码解析—动手实现简化版MVVM
「从源码中学习」Vue源码中的JS骚操作 - 掘金
每天学点Vue源码: vm.$mount挂载函数 - 掘金
Vue源码解析之数组变异 - 掘金
Vue-js 源码解读系列——this 直接调用数据源 - 掘金
【大型干货】手拉手带你过一遍vue部分源码 - 掘金
【大型干货】来看看vue对template做了什么(附部分源码及注释) - 掘金
手把手带你实现一个最精简的响应式系统来学习Vue的data、computed、watch源码 - 掘金
【读vue源码】探究模版和数据是如何被渲染成DOM的?
Vue(v2.6.11)万行源码生啃,就硬刚!
「读懂源码系列1」还在恐惧读源码?看完这篇就不怕了 - 掘金
「读懂源码系列2」我从 lodash 源码中学到的几个知识点 - 掘金
Vue源码中为什么要const _toStr = Object.prototype.toString? - 掘金
Vue添加数据视图不更新问题 - 掘金
自己动手写一个 SimpleVue - 掘金
【译】VueJS 最佳实践 - 前端 - 掘金
【总结】vue如何实现的数据控制视图 - 掘金
带你再看Vue文档,你就顺便学会了React ( 慎入! ) - 掘金
vue编译过程分析
利用思维导图带你阅读Vue源码
Vue之简易MVVM实现_玉案轩窗的博客-CSDN博客
Vue实例创建之初始化VNode->HTML_玉案轩窗的博客-CSDN博客
Vue实例创建之data处理和挂载_玉案轩窗的博客-CSDN博客
Vue实例之render构建+调用_玉案轩窗的博客-CSDN博客
Vue实例创建之html->vnode_玉案轩窗的博客-CSDN博客
Vue实例创建之vnode创建_玉案轩窗的博客-CSDN博客
Vue之初始化_玉案轩窗的博客-CSDN博客
Vue框架结构解析_玉案轩窗的博客-CSDN博客
江山父老能容我 不使人间造孽钱 | 渲染器

通信方式

$dispatch 和 $broadcast

Vue $dispatch 和 $broadcast 详解 - 掘金

Vue 组件通信

剑走偏锋之Vue 组件通信(一)—通过$parent和$children构建自己的通讯方式 - 掘金
剑走偏锋之Vue组件通讯(二)——利用provide / inject属性构建全局状态管理 - 掘金
Vue 组件间的通讯 - 掘金
Vue 组件通信方式全面详解 - 掘金
说说在 Vue.js 中如何实现组件间通信(高级篇) - 掘金
【2019 前端进阶之路】Vue 组件间通信方式完整版 - 掘金
vue组件通信全揭秘(共7章) - 掘金
前端面试之Vue中组件通信的方式 - 掘金
彻底理解Vue组件间通信(6种方式)-完整版 - 掘金
Vue组件通信方式 全

依赖收集

深入浅出基于“依赖收集”的响应式原理 - 掘金
响应式数据与数据依赖基本原理 - 掘金

全局组件 & 局部组件

Vue2.0 组件嵌套-全局/局部注册组件 - Shallny_chen - CSDN博客
vue.js组件的全局注册和局部注册详解 - ma_hao99的博客 - CSDN博客
Vue之Vue.component解析 - 玉案轩窗的博客 - CSDN博客
1-2 vue组件-全局注册和局部注册 - 简书
Vue 组件全局注册和局部注册使用及原理 - 简书
vue 组件 全局注册和局部注册的实现_vue.js_脚本之家
VUE注册全局组件和局部组件过程解析_vue.js_脚本之家
Vue源码解读之Component组件注册的实现_vue.js_脚本之家
VUE注册全局组件和局部组件 - bingxiaoxiao - 博客园
vue之component - Samve - 博客园

动态组件 & 异步组件

a524631266/vue2-dynamic-create-component: dynamic create vue2 component
动态组件 & 异步组件 — Vue.js
Vue 构造器中的propsData选项 - Json的知识梦工厂 - CSDN博客
Vue隐式创建实例 - Myinlg的博客 - CSDN博客
Vue 动态创建 component - 码游杂记 - SegmentFault 思否
vue 动态创建组件(运行时创建组件) - zyip - 博客园

discordapp.com
个人资料 / Twitter
News — Vue.js

Vue3

Vue3 core

#Guide

Introduction | Vue.js
Reactivity in Depth | Vue.js
Introduction | Vue.js

composition-api

vuejs/composition-api: Composition API plugin for Vue 2
Composition API RFC | Vue Composition API
State Management with Composition API - Vue.js Tutorials
Why the Composition API - Vue 3 Essentials | Vue Mastery
组合式 API 征求意见稿 | Vue 组合式 API
API 手册 | Vue 组合式 API
介绍 | Vue.js

Ref-sugar/Vue RFC 222

rfcs/0000-script-setup.md at script-setup · vuejs/rfcs
New script setup and ref sugar by yyx990803 · Pull Request #222 · vuejs/rfcs
Vue 3.0 Ref-sugar 提案真的是自寻死路吗?
ruige24601/re-primitive
Ref sugar by yyx990803 · Pull Request #228 · vuejs/rfcs
Vue RFC 222 中文翻译 · 语雀
(80 条消息) 如何评价 Vue 的 ref 语法糖提案? - 知乎

Vue3 源码解析

hkc452/slamdunk-the-vue3: vue3 源码全面解读
Vue3.0 源码解读
Vue 3.x 源码逐行解析
Vue3 深入浅出系列(连载二)
Vue3.x 深入浅出系列(连载三)
vue3.0 响应式原理(超详细)
Vue3 DOM Diff 核心算法解析

vue 3 & vue-cli 3
vuejs/vue-next
vuejs/vue-router-next: The Vue 3 official router (WIP)
vuejs/vue-next-webpack-preview
vuejs/vue-cli-plugin-vue-next: A Vue CLI plugin for trying out vue-next (experimental)
vuejs/vue-test-utils-next: The next iteration of Vue Test Utils, targeting Vue 3
vuejs/docs-next-zh-cn: Chinese translation for v3.vuejs.org
vuejs/vuex at 4.0
@vue/reactivity - npm
Vue.js
Vue.js
https://oijmns1ch.qnssl.com/evan-you-vue3-beta-talk.mp4
Evan You 的 Twitter: “Here’s my slides on Vue 3 today at @VueToronto : https://t.co/hqICsxIUCp #VueConfTO”
Vue 3.0 Updates - Google 幻灯片
Vue Template Explorer
Vue.js 3 Tutorial - Build An App with New Features of Vue 3 - Vue.js Developers
Vue Template Explorer
Vue Template Explorer
Vue3js
Vue.js 3.0 PPT(附部分中文翻译) - 掘金
Vue Template Explorer

Vue3 资源、整理集&FAQ

Vue3 资源

su37josephxia/vue-next-checklist: Vue3.0兼容性检查工具
哔哩哔哩直播回放
shengxinjing/vue3-vs-vue2: 《前端会客厅第一期代码》和尤大聊vue3的 提升
Vue3生态技术内幕 · 语雀
Vue3文档【Vue2迁移Vue3】
vue3/vue3-News: 🎯Find the latest breaking √vue3 & vue-cli 3+ News.
cuixiaorui/mini-vue: 实现最简 vue3 模型

Vue3 整理集

《Vue3源码解读》

Vue3源码解读(一)-createApp
Vue3源码解读(二)-mount
Vue3源码解读(三)-patch
Vue3源码解读(四)-compositionApi

快速使用Vue3最新的15个常用API
【🚨万字警告】了不起的Vue3(上)
【🚨万字警告】了不起的Vue3(下)

Vue3 FAQ

4k+ 字分析 Vue 3.0 响应式原理(依赖收集和派发更新)
从零开始构建 vue3 - 掘金
带你彻底搞懂Vue3的Proxy响应式原理!基于函数劫持实现Map和Set的响应式 - 掘金
带你彻底搞懂Vue3的Proxy响应式原理!TypeScript从零实现基于Proxy的响应式库。 - 掘金
Vue3 Composition-Api + TypeScript + 新型状态管理模式探索。 - 掘金
Vue3中不止composition-api,其他的提案(RFC)也很精彩。 - 掘金
Vue3.0 的 reactive API 定义和源码实现 - 掘金
4k+ 字分析 Vue 3.0 响应式原理(依赖收集和派发更新) - 掘金
尤大Vue3.0直播虚拟Dom总结(和React对比) - 掘金
Vue2.x To Vue3.0 - 掘金
[译]尤雨溪:Vue3的设计过程 - 掘金
[译]尤雨溪:Vue3的设计过程
Vue3.0 进阶、环境搭建、相关API的使用
拥抱 Vue3 系列之 JSX 语法
深入理解 Vue3 Reactivity API - 知乎
Vue3.0 beta了!我们再来掰扯掰扯Vue3
全面解析 vue3.0 diff算法
学习Vue3.0,先从搭建环境开始
一篇文章上手Vue3中新增的API
使用 Vue3 开发小程序
Vue 3.0 来了,我们该做些什么?
Vue3拥抱TypeScript的正确姿势
记一次vue3.0技术分享会_个人文章 - SegmentFault 思否
让Vue3 Composition API 存在于你 Vue 以外的项目中
带你彻底搞懂Vue3的Proxy响应式原理!基于函数劫持实现Map和Set的响应式
Vue3 内置组件 teleport 是什么“来头”?| 源码解读
让你30分钟快速掌握vue 3
Vue 3 的组合 API 如何请求数据?
Vue3 模板编译优化
深入了解 Vue3 响应式原理

Vue.js components&libs

¥avatar

vue-avatar

eliep/vue-avatar: An avatar component for vue.js

¥Authorization

vue-password-strength-meter

apertureless/vue-password-strength-meter: 🔐 Password strength meter based on zxcvbn in vue.js

vue-auth

websanova/vue-auth: A simple light-weight authentication library for Vue.js

Vue-Access-Control

tower1229/Vue-Access-Control: Frontend access control framework based Vue

vue-authenticate

dgrubelic/vue-authenticate: Simple Vue.js authentication library

¥badge、emoji&icon

emoji-mart-vue

jm-david/emoji-mart-vue: One component to pick them all 👊🏼

svgicon

MMF-FE/svgicon: SVG icon components and tool set

vue-svg-icon

cenkai88/vue-svg-icon: a solution for multicolor svg icons in vue2.0 (vue2.0的可变彩色svg图标方案)
vue-svg-icon

vue-emoji

jkchao/vue-emoji: vue-emoji like this: 😄 🦐 😳

vue-unicons

antonreshetov/vue-unicons: 1000+ Pixel-perfect svg icons for your next project as Vue components

vue-cryptoicon

man15h/vue-cryptoicon: Cryptocurrency icons for your next Vue project

MMF-FE/vue-svgicon: A tool to create svg icon components. (vue 2.x). Using inline svg.
Vue.js 图标选择组件实践 - 前端 - 掘金
Vue实现图片与文字混输🔥 - 掘金
Vue项目中优雅使用icon - 掘金

¥contextmenu

vue 自定义右键样式 - 掘金

¥carousel、scroll&slide

#slider

vue-circle-slider

devstark-com/vue-circle-slider: Circle slider component for Vue.js

vue-plain-slider

songyazhao/vue-plain-slider: A simple slider component for Vue.js

vue-range-slider

ktsn/vue-range-slider: Simple slider component of Vue.js

vue-slide-bar

biigpongsatorn/vue-slide-bar: 🎢 A Simple Vue Slider Bar Component.

vue-slide

hilongjw/vue-slide: A lightweight slide component for vue

vue-slider-component

NightCatSama/vue-slider-component: Can use the slider in vue1.x and vue2.x(vue滑块组件)
vue-slider-component

vue-slideout

vouill/vue-slideout: Simple vue implementation of Slideout.js touch sidebar / sidemenu library

shhdgit/vue-easy-slider: Slider Component of Vue.js.
warpcgd/vue-concise-slider: vue-concise-slider,A simple vue sliding component

#scroll

vue-smoothscroll

Teddy-Zhu/vue-smoothscroll: a vue version smoothscroll for website

vue-parallax

vue-comps/vue-parallax: Scrolls a image slower than the window to create a neat optical effect.

vue-image-scroll

ShanaMaid/vue-image-scroll: 【Using】 a good vue-image-scroll component!
vue-163music-slider

v-bar

luiguild/v-bar: The virtual responsive crossbrowser scrollbar component for VueJS 2x

vue-scrollto

rigor789/vue-scrollto: Adds a directive that listens for click events and scrolls to elements.

vue-seamless-scroll

chenxuan0000/vue-seamless-scroll: A simple, seamless scrolling for Vue.js vue无缝滚动component

vue-next-level-scroll

Developmint/vue-next-level-scroll: Bring your scroll game to the next level!

wangdahoo/vue-scroller: Scroller Component for Vue.js
BosNaufal/vue-scrollbar: The Simplest Scroll Area Component with custom scrollbar for Vue Js. https://bosnaufal.github.io/vue-scrollbar/
suguangwen/vue-scroll: vue scroll which can work.

#virtual-scroll

vue-virtual-scroll-list

tangbc/vue-virtual-scroll-list: ⚡️A vue component support big amount data list with high render performance and efficient.

vue-virtual-scroller

Akryum/vue-virtual-scroller: ⚡️ Smooth scroll with any amount of data
vue-virtual-scroller

ElemeFE/vue-infinite-scroll: An infinite scroll directive for vue.js.
egoist/vue-mugen-scroll: Infinite scroll component for Vue.js 2

vue-waypoint

scaccogatto/vue-waypoint: v-waypoint directive for Vue, this is the easiest way to trigger a function when you scroll

vue-loop

JosephSmith127/vue-loop: Infinite content loop for Vue

vue-swing

goweiwen/vue-swing: Vue.js wrapper for Swing

vue-agile

lukaszflorczak/vue-agile: 🎠 A carousel component for Vue.js

vue-carousel

SSENSE/vue-carousel: A flexible, responsive, touch-friendly carousel for Vue.js

vue-flickity

drewjbartlett/vue-flickity: A Vue Slider / Carousel Component for Flickity.js

wade-ui

wade3po/wade-ui: 学习开发自己的组件
wade-ui - npm

ElemeFE/vue-swipe: A touch slider for vue.js.
weilao/vue-swiper: Swiper component For Vue 1.0.
shiye515/vue-m-carousel: vue 移动端轮播组件

¥Chat

vue-chat

Coffcer/vue-chat: chat example by vue.js + vuex + webpack
vue-chat

¥Clip

vue-clipboard2

Inndy/vue-clipboard2: A simple vue2 binding to clipboard.js
vue-clipboard2 | A simple vue2 binding to clipboard.js

vueComponent/vue-copy-to-clipboard: Copy to clipboard Vue component

¥Color

vue-color

xiaokaike/vue-color: Vue Color Pickers for Sketch, Photoshop, Chrome & more http://vue-color.surge.sh

¥data

bitbench

triq-org/bitbench: Visually dissect and analyze bit strings

vue-countup-v2

xlsdg/vue-countup-v2: Vue.js component wrap for countUp.js

vue-data-grid

LucienLee/vue-data-grid: An example that complex table interaction in Vue.js
vue data grid

vue-countTo

PanJiaChen/vue-countTo: It's a vue component that will count to a target number at a specified duration https://panjiachen.github.io/countTo/demo/

¥event

#event handling

vue-events

cklmercer/vue-events: Simple event handling for Vue.js

vue-gesture

mlyknown/vue-gesture: touch events plugin for Vue.js.You can v-gesture directive,and directive auguments can use a tap, swipe, etc

vue-clickaway

simplesmiler/vue-clickaway: Reusable clickaway directive for reusable Vue.js components

vuemit

gocanto/vuemit: The smallest Vue.js events handler.

vue-bus

yangmingshan/vue-bus: A event bus for Vue.js

Vue.resize

David-Desmaisons/Vue.resize: Vue directive to detect resize events with deboucing and throttling capacity.

#滑动、滚动

vue-awesome-swiper

surmon-china/vue-awesome-swiper: 🏆 Swiper component for @vuejs

staskjs/vue-slick: Vue component for Slick-carousel (http://kenwheeler.github.io/slick)
bajian/vue-pull-to-refresh: vue.js,refresh,load more,Vue2.0 上下拉刷新

¥font

vue-fontawesome

FortAwesome/vue-fontawesome: Font Awesome 5 Vue component

¥Format

awesome-mask

wirecardBrasil/awesome-mask: The awesome-mask runs with Vue.js and uses the vanilla-masker to make your form awesome with masks.

vue-numeric

kevinongko/vue-numeric: Input field component to display a formatted currency value based on Vue.js
vue-numeric demo

vue-cleave-component

ankurk91/vue-cleave-component: Vue.js component for Cleave.js

vue-the-mask

vuejs-tips/vue-the-mask: Tiny (<2k gzipped) and dependency free mask input for Vue.js
The Mask for Vue.js

vue-masked-input

niksmr/vue-masked-input: Masked input component for Vue.js

v-mask

probil/v-mask: 🔡 Tiny input mask library for Vue.js (directive)

vue-mask

devindex/vue-mask: Vue Mask Plugin

v-money

vuejs-tips/v-money: Tiny (<2k gzipped) input/directive mask for currency
Vue App

¥form&table

#calendar&datepicker

vuejs-datepicker

charliekassel/vuejs-datepicker: A simple Vue.js datepicker component. Supports disabling of dates, inline mode, translations

vue-moment

brockpetrie/vue-moment: Handy Moment.js filters for your Vue.js project.

vue-calendar

jinzhe/vue-calendar: A calendar components for Vue.js.
vue-calendar

vue-fullcalendar

Wanderxx/vue-fullcalendar: vue calendar fullCalendar. no jquery required. Schedule events management
CroudTech/vue-fullcalendar: FullCalendar Wrapper for vue

vue-datepicker-simple

dai-siki/vue-datepicker-simple: A datepicker component for vue. (适用中国用户的vue日期选择组件)

vue-date-picker

8788/vue-date-picker: datepicker component for Vue 2.x

vue-datepicker

hilongjw/vue-datepicker: [Deprecated] calendar and datepicker component with material design for Vue.js

vue-event-calendar

GeoffZhu/vue-event-calendar: A simple events calendar for Vue2, no dependencies except Vue2.
vue-event-calendar

vue-datetime

mariomka/vue-datetime: Mobile friendly datetime picker for Vue. Supports date and datetime modes, i18n and disabling dates.

Haixing-Hu/vue-datetime-picker: A Vue.js component implementing the datetime picker control using the Eonasdan's bootstrap datetime picker plugin.
phoenixwong/vue2-timepicker: A dropdown time picker (hour|minute|second) for Vue 2.x, with flexible time format support
Bubblings/vue-date-picker: datepicker component for Vue.js
vue-bulma/datepicker: Datepicker Component for Vue Bulma
icai/vue2-calendar: vue 2.x calendar component
基于Vue组件化的日期联动选择器 - 掘金
weifeiyue/vue-datepicker: datepicker component for Vue.js

vue2-datepicker

mengxiong10/vue2-datepicker: A datepicker / datetimepicker component for Vue2

#form

element-form-builder

codetrial/element-form-builder: Build element-ui forms with JSON schema.
ElementUI Form Builder

form-create

xaboy/form-create: 强大的表单生成器|Form builder with dynamic rendering, data collection, validation and submission capabilities, built-in 17 common form components, support for two-way data binding, event extension, and support for building built
form-create

form-generator

JakHuang/form-generator: Element UI表单设计及代码生成器
JakHuang/form-generator-plugin: 将form-generator封装成vscode插件

f-render

dream2023/f-render: f-render | 基于 ElementUI 的表单设计器
f-render | 可视化表单设计器

ncform

ncform/ncform: 🍻 ncform, a very nice configuration generation way to develop forms ( vue, json-schema, form, generator )

vue-form-generator

vue-generators/vue-form-generator: A schema-based form generator component for Vue.js

vue-ele-form

vue-ele-form · 语雀
dream2023/vue-ele-form: 基于element-ui的数据驱动表单组件
dream2023/vue-ele-form-generator: vue-ele-form-generator是专为vue-ele-form开发的可视化表单设计工具, 让表单开发的效率更上一层楼
vue-ele-form · 语雀

vue-form-json-schema

jarvelov/vue-form-json-schema: Vue package for creating forms using JSON schema

vuetify-jsonschema-form

koumoul-dev/vuetify-jsonschema-form: Generate forms for the vuetify UI library (vuejs) based on annotated JSON schemas.

vue-form-maker

woai3c/vue-form-maker: vue表单生成器 动态生成表单组件

vue-form-making

GavinZhuLei/vue-form-making: A visual form designer/generator base on Vue.js, make form development simple and efficient.(基于Vue的可视化表单设计器,让表单开发简单而高效。)

xyz12345678/vue-schema-dynamic-form: 基于vue的动态表单,依赖element, json schema
vtimofeev/element-auto-form
egorzot/vue-form-generator-element: Element.io (http://element.eleme.io) fields for vue-form-generator.
xiaofengz/element-json-scheme-component: json scheme Form && Table && pagination, based on element-ui
leermao/el-json-schema: 基于element的Form-schema
mojule/schema-to-form-elements: Deprecated, use mojule/schema-forms
json-tools/json-form-custom-element: https://www.webcomponents.org/element/json-form-custom-element
vueblocks/element-form-generator: [WIP] Visualization form generator base on element-schema-form component
vueblocks/element-schema-form: A schema-based element-ui form component for Vue2.x.
matfish2/vue-form-2: Vue.js 2 Form Component
formly-js/vue-formly: JavaScript powered forms for Vue.js
Venusjason/vuejs-form-creator
friparia/vue-form-creator
@norx85/vue-autoform - npm
q-former - npm

vue-form-wizard

BinarCode/vue-form-wizard: Vue.js 2 wizard

vue-formulate

wearebraid/vue-formulate: ⚡️ The easiest way to build forms with Vue.

#input

vue-tags-input

JohMun/vue-tags-input: A tags input component for VueJS

vue-phone-number-input

LouisMazel/vue-phone-number-input: A phone number input made with Vue JS (format & valid phone number)

vue-input-autosize

syropian/vue-input-autosize: A simple Vue.js directive to autosize text input fields

BosNaufal/vue2-autocomplete: Vue 2 Component to make Autocomplete element.
lithiumjake/vue-placeholders: A simple Vue (http://vuejs.org) directive for placeholder images and lorem-ipsum text.
Ginhing/vue-tagsinput: A tags input component based on Vue.js

#List

vue-recyclerview

hilongjw/vue-recyclerview: Mastering Large Lists with the vue-recyclerview
Vue 超大数据列表解决方案 vue-recyclerview 开源 - 前端 - 掘金

vue-animated-list

vuejs/vue-animated-list: A Vue.js plugin for easily animating `v-for` rendered lists.

#picker&selector

vue-select

sagalbot/vue-select: Everything you wish the HTML <select> element could do, wrapped up into a lightweight, extensible Vue component.

vue-city

xinxingyu/vue-city: a vue component that show city infomation

v-region

TerryZ/v-region: A simple region cascade selector, provide 4 levels Chinese administrative division data
Vue Components

v-dropdown

TerryZ/v-dropdown: A Vue2 plugin for dropdown container layer

vue-area

blue0728/vue-area: 省市区三级联动插件 for vue2.x ----停止更新,请看新版

vue-city-picker

blue0728/vue-city-picker: vue-city-picker component for vue.

shentao/vue-multiselect: Universal select/multiselect/tagging component for Vue.js
QingWei-Li/vue-region-picker: [DEPRECATED]

dd-vue-component

ibufu/dd-vue-component: Dingdanlaile's vue components.

ellipsis-plus

lucefer/ellipsis-plus: a text-overflow vue component
文本截断知多少 - 掘金

Vue-Cleave

jrainlau/vue-cleave: Format input text content when you are typing
nosir/cleave.js: Format input text content when you are typing...
Vue-Cleave - 在Vue中使用CleaveJS格式化你的输入内容 - 掘金

vue-button

steven5538/vue-button: Button component for Vue.js v2.0.1+.

vue-cascading-address

savokiss/vue-cascading-address: vue address select component
vue-cascading-address

vue-float-label

brtjkzl/vue-float-label: Float label pattern for Vue.js

MopTym/vue-waterfall: A waterfall layout component for Vue.js
phanan/vue-google-signin-button: A simple Vue plugin to include a Google sign-in button into your web app
OYsun/VueStar: A like button with delightful star animation powered by Vue.js
vue-bulma/handsontable: Vue Table component

¥H5

qq9694526/vue-wxh5: Vue+微信网页开发最佳实践
VUE开发微信H5页面总结 - 掘金

¥HTTP

ajax.js

wusfen/ajax.js: ajax.js $.ajax vue.ajax vue-ajax v-ajax vue ajax

http-vue-loader

FranckFreiburger/http-vue-loader: load .vue files from your html/js

vue-axios

imcvampire/vue-axios: A small wrapper for integrating axios to Vuejs

vueify

vuejs/vueify: Browserify transform for single-file Vue components

vue-jsonp

LancerComet/vue-jsonp: A tiny library for handling JSONP request.

v-ajax

vue-demo/v-ajax: v-ajax plug-in with functions of ajax、jsonp

zan-proxy

youzan/zan-proxy: An extensible proxy
youzan/zan-proxy: An extensible proxy for PC/Mobile/APP developer
Zan Proxy

¥image

lazyload-vue

Kazap/lazyload-vue: Vue Plugin for vanilla-lazyload

lazy-vue

gocanto/lazy-vue: A small lazy image loader for Vue
lazy-vue - demo

vue-img-orientation-changer

nikli2009/vue-img-orientation-changer: A vue plugin that can help you display image in correct orientation.

vue-cropper

xyxiao001/vue-cropper: A simple picture clipping plugin for vue
vue-cropper

vue-images

littlewin-wang/vue-images: A simple lightbox component for displaying an array of images
vue-images

vue-lazyloadImg

yodfz/vue-lazyloadImg: vue插件,延迟载入图片.

vue-picture-input

alessiomaffeis/vue-picture-input: Mobile-friendly picture file input Vue.js component with image preview, drag and drop, EXIF orientation, and more

vue-img-loader

JackGit/vue-img-loader: this is a image loader UI component for Vue 2.X
VueImgLoader Demo

vue-lazy-background-images

darrynten/vue-lazy-background-images: Lazy load background images for Vue 2

vue-image-clip

legeneek/vue-image-clip: Image clip component based on vue2

vue-lazyload-img

JALBAA/vue-lazyload-img: A plugin of vue for image lazyload(vue图片懒加载插件)
Document

vue-lazyload

hilongjw/vue-lazyload: A Vue.js plugin for lazyload your Image or Component in your application.

v-viewer

mirari/v-viewer: Image viewer component for vue, supports rotation, scale, zoom and so on, based on viewer.js

heyongsheng/hevue-img-preview: 本组件是基于 vue 编写的一个图片预览组件,仅传入一个图片地址,即可实现图片预览效果,预览背景色,关闭按钮颜色,控制条的背景也和字体颜色都可自定义,兼容 ie
手把手实现图片懒加载+封装vue懒加载组件 - 掘金
一个Vue图片上传剪裁压缩组件 - 掘金

¥layout

vue-container-query

v-comp/vue-container-query: vue-container-query

vue-grid-layout

jbaysolutions/vue-grid-layout: A draggable and resizable grid layout, for Vue.js.
Vue Grid Layout Example 1 - Basic Responsive

vue-splitpane

Package - vue-splitpane

Vue-Layout

jaweii/Vue-Layout: 基于UI组件的Vue可视化布局工具

¥loading

vue-control-load

XueMary/vue-control-load: Auto loading plugin for vue. 👏 You don't need to write showLoading and hideLoading any more.

vue-loading

Coffcer/vue-loading: vue1 directive, show loading block in any element
jkchao/vue-loading: 😄 vue-loading 😊
loading
Vue Loading

vue-loading-spinner

nguyenvanduocit/vue-loading-spinner: Just another collection of loading spinners with Vue.js, alot of spinners

vue-content-loader

egoist/vue-content-loader: SVG component to create placeholder loading, like Facebook cards loading.

mint-ui/mint-loadmore: A two-direction mobile load-more component for vue.js
BosNaufal/vue2-loading-bar: Simplest Youtube Like Loading Bar Component For Vue 2. http://bosnaufal.github.io/vue2-loading-bar/
PeachScript/vue-infinite-loading: An infinite scroll plugin for Vue.js.
tanagang/vue-loadmore-simple: 全局组件之上滑加载更多、下拉刷新

vue-spinner

greyby/vue-spinner: vue spinners

¥media

Gokotta

Zhangdroid/Gokotta: A simple music player built by electron and vue

MagicMusic

hzzly/MagicMusic: 🎵不一样的音乐

vue-music-player

microzz/vue-music-player: 🎵Vue.js写一个音乐播放器+📖One(一个).A music player + One by Vue.js
Vue音乐播放器 - Powered by microzz.com

surmon-china/vue-video-player: 🎞 @videojs component for @vuejs
hilongjw/vue-video: A HTML5 video player component for Vue.js
Mini Music Player - VueJS

vue-play

vue-play/vue-play: 🍭 A minimalistic framework for demonstrating your Vue components

¥model&toast

modal

vue-bulma/modal: Modal component for Vue Bulma

sweet-modal-vue

adeptoas/sweet-modal-vue: The sweetest library to happen to modals.

vodal

chenjiahan/vodal: A vue modal with animations.
Vodal

vue-toast-mobile

ElemeFE/vue-toast-mobile: A mobile toast plugin for vue.js

vue-toasted

shakee93/vue-toasted: 🖖 Responsive Touch Compatible Toast plugin for VueJS 2+

euvl/vue-js-modal: Simple to use, highly customizable, mobile friendly Vue.js 2.0+ modal.

vue-toastification

Maronato/vue-toastification: Vue notifications made easy!

¥Menu&Nav

VueCircleMenu

OYsun/VueCircleMenu: A beautiful circle menu powered by Vue.js

vue-navigation

zack24q/vue-navigation: A page navigation library, record routes and cache pages, like native app navigation. 一个页面导航库,记录路由并缓存页面,像原生APP导航一样。
iceuncle/vue-navigation: 实现vue前进刷新、后退不刷新

vue-nav

nearspears/vue-nav: vue navigation manager

vue-page-stack

hezhongfeng/vue-page-stack: Routing and navigation for your Vue SPA. Vue 单页应用导航管理器

vue-side-nav

vue-comps/vue-side-nav: side-nav - done in vue

dongj0316/keep-alive-chain: Vue前进刷新,后退不刷新(Forward refresh, back not refresh)

vue-tree-navigation

https://github.com/MisRob/vue-tree-navigation

vue-navigation-bar

johndatserakis/vue-navigation-bar: 🧭 A simple, pretty navbar for your Vue projects.

vue-spatialnavigation

twcapps/vue-spatialnavigation: Vue directive (Vue.js 2.x) for spatial navigation (keyboard navigation)

vue-tree-nav

marcodpt/vue-tree-nav: Navigation tree menu component with nice integration with vue-router

vue-router-nav

classicalConditioning/vue-router-nav: Minimalistic responsive navigation bar that renders routes of vue-router.

¥Moveable, Draggable, Resizable, Scalable, Rotatable, Warpable, Pinchable, Groupable, Snappable

#drag & drop

vuedraggable

Package - vuedraggable
zengxianlin/vuedraggable: 公司有个项目需要用到拖拽,无奈百度了一番,却发现并没有类似拖拽图表的插件,那就只有自己撸起袖子干了。

Vue.Draggable

SortableJS/Vue.Draggable: Vue component allowing drag-and-drop sorting in sync with View-Model. Based on Sortable.js

vue-draggable-resizable

mauricius/vue-draggable-resizable: Vue2 Component for draggable and resizable elements.

vue-dropzone

rowanwins/vue-dropzone: A Vue.js component for Dropzone.js - a drag’n’drop file uploads utility with image previews
Vue2-Dropzone

vue-dragula

Astray-git/vue-dragula: Drag and drop so simple it hurts http://astray-git.github.io/vue-dragula
vue-dragula

vue-drag-and-drop-list

hejianxian/vue-drag-and-drop-list: 🐴 Vue directives for modifying lists with the HTML5 drag & drop API.
vue-drag-and-drop-list

vue-dragging

hilongjw/vue-dragging: A sortable list directive with Vue

vue-smooth-dnd

kutlugsahin/vue-smooth-dnd: Vue wrappers components for smooth-dnd

vue-moveable

probil/vue-moveable: ↔️ ↕️ 🔄 Vue.js wrapper for Moveable

¥notice&tips

vue-autosuggest

darrenjennings/vue-autosuggest: 🔍 Vue autosuggest component.
Storybook

vue-notification

euvl/vue-notification: Vue.js 2 library for showing notifications
Vue.js Notifications

vue-popper

RobinCK/vue-popper: VueJS popover component based popper.js
vue-popper | :whale: VueJS popover component based popper.js
freeze-component/vue-popper: [DEPRECATED] A popper mixin for Vue.

vue-notifications

se-panfilov/vue-notifications: Vue.js agnostic library for non-blocking notifications
VueNotifications

vue-ios-alertview

Wyntau/vue-ios-alertview: iOS7+ style alertview service for Vue

Akryum/v-tooltip: 💬 Easy tooltips, popovers, dropdown for Vue 2.x

¥other Vue.js components&libs

vuejs/vue-syntax-highlight: 💡 Sublime Text syntax highlighting for single-file Vue components
ElemeFE/vue-msgbox: A message box (like Sweet Alert) for vue.js.
Wlada/vue-carousel-3d: Vue Carousel 3D - Beautiful, flexible and touch supported 3D Carousel for Vue.js
bkzl/vue-float-label: Float label pattern for Vue.js
nicolasbeauvais/vue-social-sharing: A Vue.js component for sharing links to social networks, work with Vue.js 1.X or 2.X
F-loat/vue-simplemde: 📝Vue-SimpleMDE - use simplemde with vue.js
myronliu347/vue-popup-mixin: 基于vue开发的popup 的mixins 用于管理弹出框的遮盖层
bbonnin/vue-morris: VueJS component wrapping Morris.js
threeaccents/vue-webgulp: Vue.js + Webpack + Gulp + Vue Loader
Metnew/vue-element-starter: Vue starter with Element-UI [READY, unmaintained now]
muwoo/vnode2canvas: Rendering virtual DOM into canvas based on Vue plugin
jofftiquez/vue-stripe-checkout: A vue plugin for Stripe checkout.
kaorun343/vue-youtube-embed: Vue.js and YouTube
mint-ui/mint-indicator: A mobile indicator plugin for vue.js
Vue组件库大全 - 简书
vue相关库 - 简书
vue开源项目库汇总 - 简书
Vue 开源项目库汇总 - 简书
Vue开源项目库汇总 - 简书

¥Page

#pagination

laravel-vue-pagination

gilbitron/laravel-vue-pagination: A Vue.js pagination component for Laravel paginators that works with Bootstrap
JellyBool/laravel-vue-pagination: Pagination with Vue and Laravel
Laravel Vue Pagination

vue-paginate

TahaSh/vue-paginate: A simple vue.js plugin to paginate data

vue-laypage

sinchang/vue-laypage: 📃 A simple pagination component for Vue.js 2.x
vue-laypage

vuejs-paginate

lokyoung/vuejs-paginate: A Vue.js(v2.x+) component for creating pagination.

vue-pagination-2

matfish2/vue-pagination-2: Vue.js 2 pagination component

vue-meta

nuxt/vue-meta: Manage page meta info in Vue 2.0 components. SSR + Streaming supported.
Vue Meta

vue-meta-info

muwoo/vue-meta-info: 📡设置vue 单页面meta info信息,支持SSR
处理 Vue 单页面 Meta SEO的另一种思路 - 知乎

¥progress

vue-top-progress

dalphyx/vue-top-progress: Yet another top progress loading bar component for Vue.js.

vue-radial-progress

wyzantinc/vue-radial-progress: Radial progress bar component for Vue.js
Vue.js Radial Progress Bar Demo

vue-rate

SinanMtl/vue-rate: Rate component for Vue
Vue Rate

vue-progress-path

Akryum/vue-progress-path: Progress bars and loading indicators for Vue.js

vue-wait

f/vue-wait: Complex Loader and Progress Management for Vue/Vuex and Nuxt Applications

vue-simple-spinner

dzwillia/vue-simple-spinner: A simple, flexible spinner for Vue.js

v-circle

qddegtya/v-circle: A collection of circle progress with Vue.js.

hilongjw/vue-progressbar: A lightweight progress bar for vue
MatteoGabriele/vue-progressive-image: Vue progressive image loading plugin
craigh411/vue-star-rating: A simple, highly customisable star rating component for Vue 2.x.
dreambo8563/easy-circular-progress: easy circular progress component with counting effect 💫🏺🎡
dzwillia/vue-simple-progress: A simple, flexible progress bar for Vue.js
snirp/vue-circle-counter: Circular progress bars and counters
sergeyloysha/vue-spinner-component: Vue Spinner Component
larsmars/vuejs-progress-bar: 🖖 Vue.js progress bar

¥QR code

vue-qart

superman66/vue-qart: the compoent of vue 2.x for qart.js

vue-qrcode-reader

gruhn/vue-qrcode-reader: A set of Vue.js components for detecting and decoding QR codes.
Vue Qrcode Reader

vue-qr

Binaryify/vue-qr: The Vue 2.x Component for Awesome-qr.js

¥route

vue-router-prefetch

egoist/vue-router-prefetch: Prefetch links that are only visible in viewport.

vue-router-transition

weinot/vue-router-transition: A page transition plugin for vue-router

vue路由前进后退动画 - 掘金

¥Storage

vue-reactive-storage

ropbla9/vue-reactive-storage: Reactive layer for interacting with localStorage from Vue. Plugin for Vue 2.

vue-local-storage

pinguinjkeke/vue-local-storage: Vue.js localStorage plugin with types support

vue-cookie

alfhen/vue-cookie: A Vue.js plugin for manipulating cookies

vue-cookie-law

apertureless/vue-cookie-law: 🍪 👮 Hackable EU Cookie Law Plugin for Vue.js

¥tag

v-tag-list

vuejs-tips/v-tag-list: Vue.js tiny tag list view component

v-tag-input

vuejs-tips/v-tag-input: Tiny Vue.js tag input component

v-tag-editor

vuejs-tips/v-tag-editor: Dead simple tag editor component for Vue.js

¥table

vuetable

ratiw/vuetable-2 at next
Vuetable-2

vue-sortable

sagalbot/vue-sortable: A lightweight directive for reorderable drag-and-drop lists using RubaXa/Sortable
VueJS Sortable

vue-easytable

huangshuwei/vue-easytable: 🍉 Vue table components, support for cell edit,multi-head fixed, multi-column fixed, clumn drag, sort,conditional filter, custom column ...(vue table 组件,支持 单元格合并、单元格编辑、多表头固定、多列固定、列拖动、排序、自定义列、条件过滤、分页... )

ratiw/vue-table: data table simplify! -- vuetable is a Vue.js component that will automatically request (JSON) data from the server and display them nicely in html table with swappable/extensible pagination component.
ratiw/vuetable-2: data table simplify! -- datatable component for Vue 2.x
matfish2/vue-tables-2: Vue.js 2 grid components
galenyuan/vue-datatable: [DEPRECATED] Datatable component for Vuejs
coderdiaz/vue-datasource: A vue.js component to create dynamic tables
QianGuoqing/vue-qabler: Vue技术栈实现Tabler,封装一些常用UI组件🎏
jbaysolutions/vue-bootstrap-table: A sortable and searchable table, as a Vue component, using bootstrap styling.

vxe-table

x-extends/vxe-table: 🐬 vxe-table vue 表格解决方案

vue-good-table

xaksis/vue-good-table: An easy to use powerful data table for vuejs with advanced customizations including sorting, column filtering, pagination, grouping etc

¥Touch

vue-touch-keyboard

icebob/vue-touch-keyboard: Virtual keyboard component for Vue.js 2.x. Designed to Raspberry Pi Touch Display

vue-touch-ripple

surmon-china/vue-touch-ripple: 👆 Touch ripple component for @vuejs
vue-touch-ripple

vue-touch

vuejs/vue-touch: Hammer.js wrapper for Vue.js

¥Tree

vue-json-tree-view

michaelfitzhavey/vue-json-tree-view: A JSON Tree View Component for Vue.js

vue-tree

weibangtuo/vue-tree: A tree component

vue-ztree

lisiyizu/vue-ztree

vue-treeselect

riophae/vue-treeselect: A multi-select component with nested options support for Vue.js

vue-tree-table

no-simple/vue-tree-table: 基于vue与element-ui组件中talbe实现的无限级联tree table。

buuing/vue-search-tree: 一个基于vue的树形控件, 支持模糊搜索功能, 支持5000+的树节点, 支持scopedSlots作用域插槽
横向对比Element-tree、ztree、ivew-tree性能对比分析与源码修改自定义组件 - 掘金

vue-okr-tree

qq449245884/vue-okr-tree: http://www.longstudy.club/vue-okr-tree-doc/index.html
我开源了一个基于Vue的组织架构树组件

¥Tabs

vue-tabs

alexqdjay/vue-tabs: 多tab页框架替代router支持vue2.0

vue-tabs-component

spatie/vue-tabs-component: An easy way to display tabs with Vue
vue-tabs-component

¥theme

simpleui

sea-team/simpleui: A modern theme based on vue+element-ui for django admin.一款基于vue+element-ui的django admin现代化主题。全球3000+网站都在使用!喜欢可以点个star✨

vuedarkmode

LeCoupa/vuedarkmode: 👩‍🎨👨‍🎨 A minimalist dark design system for Vue.js. Based components designed for the insomniacs who enjoy dark interfaces as much as we do.

vue-ripple

BosNaufal/vue-ripple: Vue Component to Make Google Material Design Ripple Effect. http://bosnaufal.github.io/vue-ripple/
Vue Ripple | Vue Component to Make Google Material Design Ripple Effect

vuematerial/vue-material: Material design for Vue.js

¥upload

vue-dropzone-拖拽上传

kfei/vue-s3-dropzone: Vue.js component works with AWS S3 serverlessly

v-uploader

TerryZ/v-uploader: A Vue2 plugin make files upload simple and easier, single file upload with image preview, multiple upload with drag and drop

vue-core-image-upload

Vanthink-UED/vue-core-image-upload: a vue plugin for image to crop and upload
vue-core-image-upload a vue plugin for image to crop and upload. (一款轻量级vue.js图片上传裁剪插件)

vue-upload-component

lian-yue/vue-upload-component: Vue.js file upload component, Multi-file upload, Upload directory, Drag upload, Drag the directory, Upload multiple files at the same time, html4 (IE 9), `PUT` method, Customize the filter
vue-upload-component- Upload Component - Uploader

vue-image-crop-upload

dai-siki/vue-image-crop-upload: A beautiful vue component for image cropping and uploading. (vue图片剪裁上传组件)

vue-simple-upload

saivarunk/vue-simple-upload: Simple File upload component for Vue.js
vue-simple-upload | Simple File upload component for Vue.js

vue-img-inputer

waynecz/vue-img-inputer: 🏞 A graceful image type inputer / uploader
vue-img-inputer

vue-file-upload

marchFantasy/vue-file-upload: vue.js ,vue-loader 上传文件,vue-file-upload,vue上传文件组件
vue-file-upload - npm

vue-upload-file

dai-siki/vue-upload-file: a file upload component for vue. (vue文件上传组件)
Package - vue-upload-file

vue-uploader

simple-uploader/vue-uploader: A Vue.js upload component powered by simple-uploader.js

vue-file-upload-component

james2doyle/vue-file-upload-component: A simple file upload component for Vue.js. Emits events for XHR Upload Progress for nice progress bars.

vue-filepond

pqina/vue-filepond: 🔌 A handy FilePond adapter component for Vue

¥UI

#Element

avue

nmxiaowei/avue: Avue.js2.0是基于现有的element-ui库进行的二次封装,简化一些繁琐的操作,核心理念为数据驱动视图,主要的组件库针对table表格和form表单场景,同时衍生出更多企业常用的组件,达到高复用,容易维护和扩展的框架,同时内置了丰富了数据展示组件,让开发变得更加容易

element

theme customization

ElementUI/element-theme: Theme generator cli tool for Element.
ElementUI/theme-chalk-preview: Preview and download custom theme-chalk.
ElementUI/theme-preview: Preview theme transform in real-time. https://elementui.github.io/theme-preview
ElementUI/theme-chalk: Element theme chalk
ElementUI/theme-default: Element default theme
ElementUI/theme-default-scss: Element default theme with SCSS

饿了么前端
ElementUI
ElemeFE/element: A Vue.js 2.0 UI Toolkit for Web
ElementUI/lib: Element release lib
element/components.json at master · ElemeFE/element
ElementUI/dev: Element dev site
Element
Element - A Desktop UI Toolkit for Web
Element - A Desktop UI Toolkit for Web
Element - 网站快速成型工具
Element - 网站快速成型工具
Element - 网站快速成型工具
theme-chalk-preview
element ScrollBar滚动组件源码深入分析 - 掘金
ElemeFE/element - Gitter
element-ui 的动态 - SegmentFault 思否

element3

hug-sun/element3: A Vue.js 3.0 UI Toolkit for Web.
Element - 网站快速成型工具
https://unpkg.com/element3@0.0.39/dist/element3-ui.global.js
Element3开发内幕 - Vue CLI插件开发

element-in-laravel-starter

ElementUI/element-in-laravel-starter: Laravel Project with Vue2 and Element

element-starter

ElementUI/element-starter: A starter kit for Element UI generated by vue-cli

element-theme

ElementUI/element-theme: Theme generator cli tool for Element.

element-plus

element-plus/element-plus: 🎉 A Vue.js 3.0 UI Library
Element Plus - The world's most popular Vue 3 UI framework

element-china-area-data

Plortinus/element-china-area-data: Element UI && antd Cascader级联选择器 中国省市区三级、二级联动option数据

element 资源、整理集&FAQ

element 资源

ElementUI/awesome-element: A curated list of Element projects
UNPKG - element-ui

element 整理集

《Element-UI 技术揭秘》

Element-UI 技术揭秘(1)- 前言 - 掘金
Element-UI 技术揭秘(2)- 组件库的整体设计 - 掘金
Element-UI 技术揭秘(3)— Layout 布局组件的设计与实现 - 掘金
Element-UI 技术揭秘(4)— Container 布局容器组件的设计与实现。 - 掘金
Element-UI 技术揭秘(5)- 色彩、字体、边框与图标 - 掘金

element FAQ

Vue + Element UI + Lumen 实现通用表格功能 - 分页 - 掘金
element ScrollBar滚动组件源码深入分析 - 掘金
VUE ElementUI 项目总结 - 掘金
Element-UI 框架 el-scrollbar 组件 - 掘金
Element-ui上传文件大小限制 - 何度 - CSDN博客
vue+ element 使用render渲染table、render-header自定义表头、scopedSlots自定义数据格式 - qq_37508970的博客 - CSDN博客
vue.js - 基于element-ui封装table,如何为指定列传递 formatter 函数? - SegmentFault 思否
el-input @change无法触发问题描述与解决方案 - 简书
element-ui自定义表格头部的两种方法 - 童心虫鸣 - 博客园
vue项目中将element-ui table表格写成组件 - sosoqi - 博客园
vue+element 表格formatter数据格式化并且插入html标签 - FannieGirl - 博客园
如何在element-UI 组件的change事件中传递自定义参数 - front-gl - 博客园
elementui生产环境图标加载时偶而乱码_palmer_kai的博客-CSDN博客_element 图标乱码
从 Element UI 源码的构建流程来看前端 UI 库设计
[Bug Report] custom theme, CSS repeated multiple times · Issue #11817 · ElemeFE/element

think-vuele

chfree/think-vuele: A Vue.js 2.0 and Element UI Toolkit for Web

vue-observe-visibility

Akryum/vue-observe-visibility: Detect when an element is becoming visible or hidden on the page.

vue-cli-plugin-element

ElementUI/vue-cli-plugin-element: Element plugin for vue-cli

legendJaden/AFTableColumn: 基于 Element-UI 二次封装的支持自适应列宽的 table-column 列组件
mnm1001/ex-table-column: Extended from el-table-column. Automatically adjust column width according to content. Keep all features of el-table-column.

#other UI组件

JosephusPaye/Keen-UI: A lightweight collection of essential UI components written with Vue and inspired by Material Design
museui/muse-ui: Material Design UI library for Vuejs 2.0
luojilab/radon-ui: 一个用于快速开发产品的简洁、优雅、高效的 Vue 组件库
FE-Driver/vue-beauty: Beautiful UI components build with vue and ant design
chenz24/vue-blu: UI Component Library Base on Vue.js(2.x) and Bulma
ccforward/rubik: Material Design 风格的 Vue.js UI 组件库
NewDadaFE/vue-impression: A Vue.js 2.0 UI elements for mobile.
loujiayu/vue-material-design: Vue material components.
vuwe/vuwe: WeUI for Vue2
myronliu347/vue-carbon: 基于vue开发的material design ui库
tianyong90/we-vue: 使用 Vue2.x + weui1.x 开发的组件
airyland/vux: Mobile UI Components based on Vue & WeUI
vuetifyjs/vuetify: 🐉 Material Component Framework for Vue.js 2
wangdahoo/vonic: Mobile UI Components, based on Vue.js and ionic CSS. https://wangdahoo.github.io/vonic-documents
Zulko/eagle.js: A hackable slideshow framework built with Vue.js
ydcss/vue-ydui: A mobile components Library with Vue2.js. 一只基于Vue2.x的移动端组件库。
santiblanko/vue-instant: vue instant allows you to easily create custom search controls with auto suggestions for your vue 2 applications
cngu/vue-typer: Vue component that simulates a user typing, selecting, and erasing text.
wdfe/wdui: Mobile UI Components Library based on Vue 2.0 at Weidian
youzan/vant: Lightweight Mobile UI Components built on Vue
Kocisov/coffeebreak: Tool for live editing CSS components written in Vue
xaksis/vue-good-wizard: An easy and clean VueJS 2.x wizard plugin
chengxulvtu/cxlt-vue2-toastr: toast notification component for vue2
ecomfe/veui: Enterprise UI for Vue.js.
yunfeihuang/vx-ui: vue components 移动端UI组件库
Teddy-Zhu/vue-waves: it's a vuejs version of waves
ElemeFE/vue-desktop: A UI library for building admin panel website.
yeseason/paco-ui-vue
atvue/bview: an ui resolved plan based on vue
bootstrap-vue/bootstrap-vue: BootstrapVue provides one of the most comprehensive implementations of Bootstrap 4 components and grid system for Vue.js and with extensive and automated WAI-ARIA accessibility markup.
Caiyeon/goldfish: A HashiCorp Vault UI written with VueJS and Vault native Go API

ant-design-vue

vueComponent/ant-design-vue: An enterprise-class UI components based on Ant Design and Vue. 🐜
vueComponent/ant-design-vue-awesome: ant-design-vue-awesome
Ant Design of Vue - Ant Design Vue
Ant Design of Vue - Ant Design Vue
Ant Design of Vue - Ant Design Vue
Ant Design of Vue - Ant Design Vue
🚀 Ant Plus,Ant Design Form 从未如此简单 - 掘金
10分钟精通Ant Design Form表单 - 掘金
Ant Design of Vue - Ant Design Vue

ant-design-vue-pro

vueComponent/ant-design-vue-pro: 👨🏻‍💻👩🏻‍💻 Use Ant Design Vue like a Pro!

bootstrap-vue

Bootstrap Vue
bootstrap-vue/bootstrap-vue: BootstrapVue provides one of the most comprehensive implementations of Bootstrap 4 components and grid system for Vue.js and with extensive and automated WAI-ARIA accessibility markup.

buefy

buefy/buefy: Lightweight UI components for Vue.js based on Bulma

heyui

heyui/heyui: UI Toolkit for Web, Vue2.0
hey-cli/README_zh.md at master · heyui/hey-cli
HeyUI: UI Toolkit for Web, Vue2.0
“真相定律”之Layout组件 - 掘金
🎂HeyUI 组件库两周年,中后台管理系统 HeyUI Admin 发布🎉🎉 - 掘金

kui-vue

chuchur/kui-vue: 基于VUE2.0的 UI组件库,欢迎使用!
KUI - 高质量的UI组件库

jk-ui

liuyangjike/JKUI
造个自己的Vue的UI组件库类似Element - 掘金

material-ui-vue

Material UI Vue
material-ui-vue/package.json at master · JackGit/material-ui-vue

muse-ui

museui/muse-ui: Material Design UI library for Vuejs 2.0

Mand Mobile

Mand Mobile-Mand Mobile
didi/mand-mobile: 💰 A mobile UI toolkit, based on Vue.js 2, designed for financial scenarios.
Mand Mobile-A mobile UI toolkit, based on Vue.js 2, designed for financial scenarios

mov-mobile

func-star/mov-mobile: Mona系列 - Vue移动端组件库
Mov - 让你感到幸福的 Vue 组件库

mint-ui

ElemeFE/mint-ui: Mobile UI elements for Vue.js

NutUI

jdf2e/nutui: 京东风格的轻量级移动端Vue组件库 (A Vue.js 2.0 UI Toolkit for Mobile Web)
NutUI 2.0 - 移动端Vue组件库
京东风格的移动端Vue组件库NutUI2.0来啦 - 前端 - 掘金
【更新日志】京东Vue移动端组件库NutUI - 掘金
NutUI CLI源码解析 - 掘金

iView

view-design/ViewUI: A high quality UI Toolkit built on Vue.js 2.0
iview/iview: A high quality UI Toolkit built on Vue.js 2.0
iView - A high quality UI Toolkit based on Vue.js
春节将至,iView 近期的一些更新 - 掘金
vue + iview 项目实践总结 - 掘金

nextcloud-vue

nextcloud/nextcloud-vue: 🍱 Vue.js components for Nextcloud app development ✌

PyUI

ftdus/PyUI
Vue 开源项目之 UI 组件库招人啦~~~ - 掘金

ui

vuejs/ui: 💻 UI components for official Vue organization apps

uiv

uiv-lib/uiv: Bootstrap 3 components implemented by Vue 2.

vux

VUX - Vue 移动端 UI 组件库
vux-ui

vui

Brickies/vui: 💯 A personal Vue UI component library for Mobile
Vui - Vue UI for Mobile

vue-material

vuematerial/vue-material: Material design for Vue.js

vue-plyr

redxtech/vue-plyr: A set of Vue components for the plyr video & audio player.

vux

airyland/vux: Mobile UI Components based on Vue & WeUI

vant

youzan/vant: Lightweight Mobile UI Components built on Vue
youzan/vant-demo: Collection of vant demos.
vant/packages at dev · youzan/vant
Vant - Mobile UI Components built on Vue
Vant - 轻量、可靠的移动端 Vue 组件库
Vant - 轻量、可靠的移动端 Vue 组件库

vue-antd

okoala/vue-antd: Vue UI Component & Ant.Design

vum

vum-team/vum: An UI Framework build with Vue.js for mobile webapp

vuikit

vuikit/vuikit: A responsive Vue UI library for web site interfaces

vuesax-next

lusaxweb/vuesax-next: Vuesax v4: framework components for Vuejs

vuesax

lusaxweb/vuesax: New Framework Components for Vue.js 2

wevue

WE-VUE

YDUI

一只基于Vue2.x的移动端&微信UI。 -YDUI Touch

zeit-ui

zeit-ui/vue: Vue implementation for ZEIT design.
zeit-ui/vue-icons: Vue icon components for Zeit Design.

simpleTeam3/simple: 一个基于vue 的组件库
fangyongbao/cubeex: cubeex是基于vue2.0开发的组件库,将包含一套完整的移动UI。这也是魔方元科技开源的首个H5相关的项目, 这里有一群对前端技术狂热的追求者, 如果你对我们的研发感兴趣,欢迎fork
N3-components/N3-components: N3-components , Powerful Vue UI Library.
Adashuai5/wheels-ada: An easy UI components based on Vue
ElementUI 组件库之外,供我们选择的 Vue 组件库还有很多!

¥validation

simple-vue-validator

semisleep/simple-vue-validator: A simple yet flexible validator library for vue.js

vuelidate

vuelidate/vuelidate: Simple, lightweight model-based validation for Vue.js
Vuelidate | A Vue.js model validation library

Vue-Easy-Validator

MetinSeylan/Vue-Easy-Validator: Easy form validation plugin
Metin Seylan - Software Developer

vue-verify-pop

aweiu/vue-verify-pop: 自带气泡提示的vue校验插件

vue-interactive-paycard

muhammederdem/vue-interactive-paycard: Credit card form with smooth and sweet micro-interactions

vue-validator

kazupon/vue-validator: Validator component for Vue.js

vee-validate

logaretm/vee-validate: ✔ Template Driven Validation Framework for Vue.js

¥vue state manage

SuperVue

cevio/super-vuex: super vuex classic
SuperVue
super-vuex使用体验 - 掘金
Super-Vuex 状态管理最佳实践 - 掘金

¥vue component documentation

jsdoc-vuejs

Kocal/jsdoc-vuejs: 📖 A JSDoc plugin for documenting .vue files.

vuese

vuese/vuese: 🤗 One-stop solution for vue component documentation
Overview | Vuese

¥vueComponent

vueComponent
vueComponent/tools: Tools For Vue Component
vueComponent/pro-layout
vueComponent/vue-dash-event: The library function, implemented in the DOM template, can use the custom event of the ant-design-vue component (camelCase)
vueComponent/use
vueComponent/vue-antd-md-loader: vue-antd-md-loader
vueComponent/ant-design-vue-pro-template: 👨🏻‍💻👩🏻‍💻 Use Ant Design Vue like a Pro! (template)
vueComponent/ant-design-vue-helper: A vscode extension for Ant-Design-Vue
vueComponent/sugar
vueComponent/vue-cli-plugin-ant-design: vue-cli 3 plugin to add ant-design-vue
vueComponent/issue-helper
vueComponent/webstorm-ant-design-vue-plugin: Support for Ant Design of Vue.

¥Zoom

vue-zoombox

vue-comps/vue-zoombox: a advanced zoombox

¥国际化

i18n-collect-cli

xujiujiu/i18n-collect-cli: vue项目中基于i18n 的多语言的中文提取与写入的工具

vue-i18n

kazupon/vue-i18n: Internationalization plugin for Vue.js
Vue I18n

vuex-i18n

dkfbasel/vuex-i18n: Localization plugin for vue.js 2.0 using vuex as store

vue-i18n-next

intlify/vue-i18n-next: The next major version of Vue I18n (WIP)

vue-i18next

rse/vue-i18next: Vue plugin for integrating I18Next
panter/vue-i18next: Internationalization for vue using the i18next i18n ecosystem.

intlify
kazupon/vue-i18n-locale-message: i18n locale messages management tool for vue-i18n

¥骨架屏

vue-content-placeholders

michalsnik/vue-content-placeholders: Composable components for rendering fake (progressive) content like facebook in vue

vue-skeleton-webpack-plugin

lavas-project/vue-skeleton-webpack-plugin: Lavas webpack plugin: skeleton solution for PWA webshell

VUE单页应用骨架屏方案 - 掘金
Vue 页面骨架屏注入实践 - 掘金
Vue页面骨架屏 - 前端 - 掘金
为vue项目添加骨架屏 - xiaOp的博客

¥组件模版

coreui-free-vue-admin-template

coreui/coreui-free-vue-admin-template: CoreUI Vue is free Vue admin template based on Bootstrap 4
🆓 Free Vue.js Admin Template · CoreUI

styled-vue

egoist/styled-vue: Use dynamic styles in Vue single-file components.

vue-vscode-snippets

sdras/vue-vscode-snippets: These snippets were built to supercharge my workflow in the most seamless manner possible.

vue-create-api

cube-ui/vue-create-api: Make Vue component's invocation by API.
【源码解析】vue-create-api作者黄轶 - 掘金

vuep

QingWei-Li/vuep: 🎡 A component for rendering Vue components with live editor and preview.

vue-online

Sopamo/vue-online: A reactive offline indicator component for vue.js

vue-lazy-render

yeyuqiudeng/vue-lazy-render: A vue component for lazy rending vue component

vue-lazy-component

Coffcer/vue-lazy-component: Vue directive for lazy load components or elements
vue-lazy-component

vue-2-boilerplate

petervmeijgaard/vue-2-boilerplate: Vue 2 boilerplate for developing medium to large single page applications.

NetanelBasal/vue-generate-component: Vue js component generator
聊一聊Vue组件模版,你知道它有几种定义方式吗? - 掘金

¥服务端

vue-lazy-hydration

maoberlehner/vue-lazy-hydration: Lazy hydration of server-side rendered Vue.js components

vue-crud-x

ais-one/vue-crud-x

express-vue/express-vue: Vue rendering engine for Express.js. Use .Vue files as templates using streams
ccforward/vue-ssr: Vue.js Server Side Render Template with Webpack2 & Express 🐝 🤠
leaves4j/vue-easy-renderer: Vue.js server-side renderer for *.vue file with Node.js.
eugeneCN/vue-ssr-template: Vue.js2.x 服务端渲染脚手架,拿来即用。

¥文本、文档

#multiline text

vue-clamp

Justineo/vue-clamp: Clamping multiline text with ease.

#print

vue-print-nb - npm

vue-pdf

FranckFreiburger/vue-pdf: vue.js pdf viewer
vue 使用 vue-pdf 实现pdf在线预览 - 掘金

¥静态效果

#粒子效果

vue-particles

creotip/vue-particles: Vue.js component for particles backgrounds ✨

DakerHub/vue-digital-transform: A vue component for better digital transform animation

¥动画

vue-lottie

chenqingspring/vue-lottie: Render After Effects animations on Vue based on Bodymovin

¥编辑器

element-tiptap

Leecason/element-tiptap: 🌸A modern WYSIWYG rich-text editor using tiptap and Element UI for Vue.js

markcook

jrainlau/markcook: A smart and beautiful markdown editor.
Markcook 2.0 | A smart and beautiful markdown editor

mavonEditor

hinesboy/mavonEditor: mavonEditor - A markdown editor based on Vue that supports a variety of personalized features
mavonEditor|码文 在线markdown编辑器

tiptap

ueberdosis/tiptap: A renderless rich-text editor for Vue.js

vetur

vuejs/vetur: Vue tooling for VS Code.

vue-typewriter

eduardostuart/vue-typewriter: ⌨️ Vue component that types

vue2-editor

davidroyer/vue2-editor: A text editor using Vue.js and Quill

vue-mdEditor

ovenslove/vue-mdEditor: 基于VUE的markdown文本编辑器

vue-codemirror

surmon-china/vue-codemirror: ⌨️ @codemirror component for @vuejs

vue-markdown

miaolz123/vue-markdown: A Powerful and Highspeed Markdown Parser for Vue

vue-mark-display

Jinjiang/vue-mark-display: A Vue Component for Markdown-based Slides.

OYsun/vscode-VueHelper: vscode插件,vue,vue-router和vuex的代码提示
CroudTech/vue-quill: Quill component for vue

¥全屏

vue-fullscreen

mirari/vue-fullscreen: A simple Vue.js component for fullscreen

vue-fullpage.js

alvarotrigo/vue-fullpage.js: Official Vue.js wrapper for fullPage.js http://alvarotrigo.com/vue-fullpage/

¥引导

vue-tour

pulsardev/vue-tour: Vue Tour is a lightweight, simple and customizable guided tour plugin for use with Vue.js. It provides a quick and easy way to guide your users through your application.

¥可视化

#flowable&workflow

GoldSubmarine/workflow-bpmn-modeler: 🔥 本项目基于 vue 和 bpmn.io@7.0 ,实现 flowable 的 modeler 模型设计器
guozhaolong/wfd-vue: flowable workflow designer for Vue base on @antv/g6

#chart

v-charts

ElemeFE/v-charts: 基于 Vue2.0 和 ECharts 封装的图表组件📈📊
介绍 - v-charts

vue-chartist

Yopadd/vue-chartist: Pluging chartist for vuejs

vue-trend

QingWei-Li/vue-trend: 🌈 Simple, elegant spark lines for Vue.js

vue-chartkick

ankane/vue-chartkick: Create beautiful JavaScript charts with one line of Vue
Vue Chartkick - Create beautiful JavaScript charts with one line of Vue

vue-3d-model

hujiulong/vue-3d-model: 📷 vue.js 3D model viewer component
vue-3d-model

vue-echarts

xlsdg/vue-echarts-v3: Vue.js(v2.x+) component wrap for ECharts.js(v3.x+)
ecomfe/vue-echarts: ECharts component for Vue.js.

vue-charts

hchstera/vue-charts: Base on Vue2.0 wrapper for ChartJs.
Vue Charts

vueDataV

jackchen0120/vueDataV: 基于Vue + Echarts 构建的数据可视化平台,酷炫大屏展示模板和组件库,持续更新各行各业实用模板和炫酷小组件。

miaolz123/vue-chart: A Powerful and Highspeed Chart Parser for Vue1.X.X & Vue2.X.X
weizhenye/vue-highcharts: Highcharts component for Vue
SimonZhangITer/DataVisualization: by vue2.0 with echarts3.3.2
apertureless/vue-chartjs: 📊 Vue.js wrapper for Chart.js
vueblocks/ve-charts: 📈 ECharts 4.x for Vue.js 2.x.
vue-bulma/chartjs: Chartjs component is based on chart.js for Vue Bulma
「数据可视化库王者」D3.js 极速上手到Vue应用 - 掘金
做一个具有异步加载特性的 echarts-vue 组件 - DB.Reid - SegmentFault 思否

#gantt

DHTMLX/vue-gantt-demo: dhtmlxGantt with vue.js
mamboer/vue-easy-gantt: A simple Vue.js gantt chart plugin for presenting weekly tasks
vue-easy-gantt - Vue 2.0 Gantt Chart Plugin | 「Faso.ME」

#map

Vue2Leaflet

vue-leaflet/Vue2Leaflet: Vue 2 components for Leaflet maps

vue-cmap

doodlewind/vue-cmap: Vue China map visualizing component, supports drilldown and lazy loading.
Vue China Map Demo

vue-baidu-map

ElemeFE/vue-amap: 🌍 基于 Vue 2.x 和高德地图的地图组件
GuillaumeLeclerc/vue-google-maps: Google maps component for vue with 2-way data binding
Dafrok/vue-baidu-map: Baidu Map components for Vue 2.x
Vue Baidu Map
vue-baidu-map的使用 - 花落微凉梦清幽的博客 - CSDN博客

Vue 组件库实践和设计 - 掘金
史上最全vue组件库!极速围观

Vue.js frameworks

¥other Vue.js frameworks

honraytech/VueThink: VueThink是一套基于Vue全家桶(Vue2.x + Vue-router2.x + Vuex)+ ThinkPHP5的前后端分离框架。
annnhan/vue-spa-template: The base code of vue.js project.
andrewcourtice/vuetiful: Vuetiful is a component framework written on top of the Vue reactive library. It is primarily designed for creating business/administration applications where the displaying of data is paramount.
cklmercer/vue-stack-2.0: Vue 2.0 Project Boilerplate
erguotou520/vue-fullstack: vue fullstack template
cristijora/vue-paper-dashboard
hecun0000/vue-tamplate: vue-cli 3.0 vue中后台开发模板
Vue构建工具的设计与实现 - 前端 - 掘金
从零开发一套完整的vue项目开发环境 - 掘金
骚年,请不要手敲 template 了 - 掘金

¥Vue Native

nativescript-vue

nativescript-vue/nativescript-vue: Native mobile applications with NativeScript and Vue

vue-native

GeekyAnts/vue-native-core: Vue Native is a framework to build cross platform native mobile apps using JavaScript
Vue Native

vue-native-starter-app

GeekyAnts/vue-native-starter-app: Vue Native Starter App with Login, News Feed and Sidebar using Vuelidate and Vuex

¥Vue.js 服务端渲染(SSR)

Nuxt.js

Nuxt.js core

Nuxt Community
nuxt/nuxt.js: The Vue.js Developers Framework
warriorBrian/nuxt.js: The Vue.js Developers Framework
Nuxt.js - The Vue.js Framework
Nuxt.js - Vue.js 通用应用框架 | Nuxt.js 中文网
Introduction - Nuxt.js
nuxt/nuxtjs.org: Nuxt.js Documentation Website (Universal Vue.js Application built with Nuxt.js)

Nuxt.js components、libs&plugins

nuxt/create-nuxt-app: Create Nuxt.js App in seconds.
anteriovieira/nuxt-sass-resources-loader: SASS resources (e.g. variables, mixins etc.) module for NuxtJs
nuxt-community/dotenv-module: Loads your .env file into your application context
nuxt-community/sentry-module: Sentry module for NuxtJS
nuxt-community/analytics-module: Google Analytics Module
nuxt-community/auth-module: 🔑 Zero-boilerplate authentication support for Nuxt
⚡ Nuxt PWA
nuxt-community/nuxt-i18n: i18n for Nuxt

Nuxt.js projects

express-template

nuxt-community/express-template: Starter template for Nuxt.js with Express.

Nuxt.js 资源、整理集&FAQ

Nuxt.js 资源

awesome-nuxt

nuxt-community/awesome-nuxt: A curated list of awesome things related to Nuxt.js

GitHub - warriorBrian/nuxt-blog: 基于Nuxt.js服务器渲染(SSR)搭建的个人博客系统

Nuxt.js 整理集

staven630/nuxt-config: Nuxt.js全面配置(持续更新中……)
全栈“食”代:用 Django + Nuxt 实现美食分享网站(上) - 掘金
全栈“食”代:Django + Nuxt 实现美食分享网站(下) - 掘金

Nuxt.js FAQ

🚀点亮你的Vue技术栈,万字Nuxt.js实践笔记来了
深入学习Vue SSR服务端渲染 用Nuxt.js打造CNode社区 - 掘金
深入NUXT,看看一条命令行的背后到底发生了什么 - 掘金
Vue、Nuxt服务端渲染、NodeJS全栈项目~面向小白的完美系统~

eagle.js

Eagle.js

eros

bmfe/eros: 📱一套 Vue 代码,两端原生应用 ,或许可以叫我 weex-native。

framework7-vue

framework7io/framework7-vue: Deprecated! Build full featured iOS & Android apps using Framework7 & Vue
framework7io/framework7-vue: Build full featured iOS & Android apps using Framework7 & Vue

gotodevops.org

finspin/gotodevops.org: Source code for gotodevops.org.

gaea-cli

gaea-cli - npm

gridsome

gridsome/gridsome: ⚡️ The Jamstack framework for Vue.js

quasar

quasarframework/quasar: Quasar Framework - High performance, Material Design 2, full front end stack with Vue.js

Uni-App

Uni-App core

dcloudio/uni-app: 使用 Vue.js 开发跨平台应用的前端框架
应用列表
uni-app官网
DCloud 插件市场
内容介绍 · uni-app跨平台移动应用开发 · 看云

Uni-App libs、plugins&tools

uni-ui

dcloudio/uni-ui: 基于uni-app的ui框架

zsffzxkc

yanyc2018/zsffzxkc: 匠言知识付费在线课程开源版
zsffzxkc: 匠言知识付费在线课程开源版
匠言知识付费教育商城(开源免费模板含后端) - DCloud 插件市场

Uni-App 资源、整理集&FAQ

《uni-app结合云函数开发小程序博客》

uni-app结合云函数开发小程序博客(一):组件库使用、引入 Vuex 状态管理
uni-app 结合云函数开发小程序博客(二):云函数实现登录注册
uni-app 结合云函数开发小程序博客(三):接入云函数,实现完善的列表刷新机制

uni-app 入坑指南 - 掘金
一文带你熟悉uni-app开发多端的整体流程及各端发布
Uni-App各端发布上线流程

Vue-Donut

【工程化】从 0 搭建 VueJS 移动端组件库开发框架 - 掘金
Vue-Donut——专用于构建Vue的UI组件库的开发框架 - 掘金

vuetify

Vue.js Material Component Framework — Vuetify.js
Vuetify Treeview - Get Help - Vue Forum

Vue-Socket.io

MetinSeylan/Vue-Socket.io: 😻Socket.io implementation for Vuejs and Vuex

vuepack

egoist/vuepack: A modern starter which uses Vue 2, Vuex, Vue-router and Webpack 2 (and even Electron)

vue-h5-template

push-over/vue-h5-template

Vue.js projects

¥Data Analysis Board

github-visualization

ssthouse/github-visualization: a simple github visualization
github visualization

GitDataV

HongqingCao/GitDataV: 基于Vue框架构建的github数据可视化平台
用Vue构建一个github“可视化大数据平台”-GitDataV,设计开发分享 - 掘金

vue-data-board

dongsuo/vue-data-board: A Data Analysis Board in Vue.

¥other Vue.js projects

SHERlocked93/vue-style-codebase: 自用样式库,主要是用来预览各种样式,和自己平时的开发
lhz960904/movie-trailer: Vue3 + TypeScript开发的电影预告片webAPP,可以查看正在热映与即将上映的电影信息和短片
VUE Cookbook 系列:实现可配置组合表单 - 掘金
https://juejin.im/post/5c4a69a1f265da61163a1e5f
Cordova+Vue 混合开发实现下载并预览 - 掘金
vue全家桶 ---创建一个新的vue项目 - 掘金
Vue集成Ueditor - 掘金
用 Vue+ElementUI 搭建后台管理极简模板 - 掘金
vue-typescript-admin-template后台管理系统 - 掘金
Vue3 + TypeScript 实现递归菜单组件
fiora
Vue Element Admin
iView-admin - 登录
基于react/vue搭建一个通用的表单管理配置平台

¥Vue Admin Template

《从零搭建自己的Vue管理端框架》

从零搭建自己的Vue管理端框架(一) - 掘金
从零搭建自己的Vue管理端框架(二) - 掘金
从零搭建自己的Vue管理端框架(三) - 掘金
从零搭建自己的Vue管理端框架(四) - 掘金
从零搭建自己的Vue管理端框架(五) - 掘金
从零搭建自己的Vue管理端框架(六) - 掘金

vue2-elm

bailicangdu/vue2-elm: 基于 vue2 + vuex 构建一个具有 45 个页面的大型单页面应用

vue2-manage

bailicangdu/vue2-manage: 基于 vue + element-ui 的后台管理系统

vue-admin-next

openfext/vue-admin-next: Professional enterprise application with Vue Composition API, Multi-Module Design, Data Processing Flow and Friendly User Interface.

vue-develop-template

PerseveranceZ/vue-develop-template: A Vue.js template that can support more than 100 thousand lines of code in our business, I hope it can help you too~

vue-demo

webproblem/vue-demo: vue2 + vue-router + vuex + iview 入门项目,移动端的一个简易考试系统平台。 https://webproblem.github.io/vue-demo/dist/
vue-demo

wangxg2016/vue-bulma: 轻量级高性能MVVM Admin UI框架,Charts Collaopse Modal NavMenu Pagination ProgressBar Rating Timeline Toast
PanJiaChen/vue-element-admin: A magical vue admin http://panjiachen.github.io/vue-element-admin
devjin0617/vue2-admin-lte: adminLTE to vuejs v2.x converting project
shenghy/jspangAdmin: Vue2.0作的后台管理系统的架构
lynzz/element-admin: 一个支持 vue-cli 的 Element UI 的后台模板
hanjiangxueying/vue2-iview2-admin: 基于vue2和iview2的后台管理系统
artiely/vue-admin-iview: vue后端管理系统界面 基于ui组件iview
taylorchen709/vue-admin: admin template based on vuejs2 and element.
vue-bulma/vue-admin: Vue Admin Panel Framework, Powered by Vue 2.0 and Bulma 0.3
lanux/Vue-Admin: 基于Vue2、element ui、vue-cli、vuex、vue-router、axios 、echarts后台管理系统demo. 权限管理,用户管理,菜单管理。无限级菜单,下拉树形选择框
iview/iview-admin: Vue 2.0 admin management system template based on iView
d2-projects/d2-admin: An elegant dashboard
epicmaxco/vuestic-admin: Free and Beautiful Vue.js Admin Template
creativetimofficial/vuetify-material-dashboard: Vuetify Material Dashboard - Open Source Material Design Admin
PanJiaChen/vue-admin-template: a vue2.0 minimal admin template
lin-xin/vue-manage-system: 基于vue + element的后台管理系统解决方案
herozhou/vue-framework-wz: 👏vue后台管理框架👏
Armour/vue-typescript-admin-template: 🖖 A vue-cli 3.0 + typescript minimal admin template
renrenio/renren-fast-vue: renren-fast-vue基于vue、element-ui构建开发,实现renren-fast后台管理前端功能,提供一套更优的前端解决方案。
chrisvfritz/vue-enterprise-boilerplate: An ever-evolving, very opinionated architecture and dev environment for new Vue SPA projects using Vue CLI.
artiely/vue-admin: 基于and-design-vue的vue后台管理系统模板
Nirongxu/vue-xuAdmin: vue+element-ui 后台权限管理模板 演示地址:
tang-yue/vue-element-admin-template: 仿vue-element-admin 项目 预览地址:
chuzhixin/vue-admin-beautiful: vue-admin-beautiful是一款超棒的前端开发框架(当然只是自我感觉),长期更新维护,感谢您的star,我一直在努力,官方答疑群972435319
macrozheng/mall-admin-web: mall-admin-web是一个电商后台管理系统的前端项目,基于Vue+Element实现。 主要包括商品管理、订单管理、会员管理、促销管理、运营管理、内容管理、统计报表、财务管理、权
tookit/vue-material-admin: A vue material design admin template
TaleLin/lin-cms-vue: 🔆A simple and practical CMS implemented by Vue
iczer/vue-antd-admin: 🐜 Ant Design Pro's implementation with Vue
wdlhao/vue2-element-touzi-admin: 基于vue2.0 +vuex+ element-ui后台管理系统
misterGF/CoPilot: Responsive Bootstrap 3 Admin Template based on AdminLTE with vue.js
mgbq/nx-admin: 👍 A magical 🐮 ⚔ vue admin,记得star
WebCodeFarmer/houtai: 基于VUE和ElementUI的微信后台编辑系统
HongqingCao/vue-win10-admin: Vue+Koa2构建window10风格的管理系统

vue-vben-admin

anncwb/vue-vben-admin: ✨ ✨ ✨ A vue3 style Admin based on Vite2, vue3.0, ant-design-vue 2.x, typescript,Efforts to update in progress...
anncwb/vben-admin-thin-next: vue-vben-admin-2.0 mini template.vue3,vite,typescript

¥Vue Mobile Template

vue-vant-base

snowzijun/vue-vant-base: 这个项目是将一些基础配置比如eslint,移动端适配等进行了封装,开发人员只需fork就可直接开箱即用,不用再做额外的配置

¥Vue 多页面

vue-multi-module

BothEyes1993/vue-multi-module: 多模块集成的vue项目,多项目共用一份配置,可以互相依赖,也可以独立打包部署
vue-multi-module【多模块集成的vue项目,多项目共用一份配置,可以互相依赖,也可以独立打包部署】 - 掘金

xwpongithub/vue-multipage-cli: Simple Multiple-page CLI for scaffolding Vue.js projects
JaneSu/multiple-vue-page
基于webpack2.x的vue2.x的多页面站点 · Issue #17 · zhaoqize/blog
lincenying/vue2-multiple-entry: vue2, vue2+vue-router, vue2+vue-router+vuex 混合多页配置实例
基于webpack2.x的vue2.x的多页面站点 - 前端 - 掘金
你要的移动端vue多页面脚手架,都帮你集成和封装好了 - 掘金

¥Vue 多组件仓库

Vue多组件仓库开发与发布 - 掘金

¥Vue.js 同构/服务端渲染(SSR)

《Vue同构》

Vue同构(一): 快速上手
Vue同构(二): 路由与代码分割
Vue同构(三): 状态与数据

Mood

wsydxiangwang/Mood: Vue的Nuxt.js服务端渲染框架,NodeJS为后端的全栈项目,Docker一键部署,面向小白的完美博客系统

vue-hackernews-2.0

vuejs/vue-hackernews-2.0: HackerNews clone built with Vue 2.0, vue-router & vuex, with server-side rendering

se7en-1992/5se7en.com: nuxtjs+express+vue2+vuex搭建的服务端渲染(SSR)个人网站项目
maoxiaoquan/kite: Kite 前台页面是vue ssr服务端渲染、后台页面是react spa、服务层nodejs、mysql编写的一套多权限文章、动态管理系统
fengshi123/vue-ssr: Vue SSR instance
Vue 服务端渲染 & 预渲染 - 掘金
vue 服务端渲染折腾记录
从0开始,搭建Vue2.0的SSR服务端渲染 - 简书

¥Vue 前后端分离

vue-express-mongo-boilerplate

icebob/vue-express-mongo-boilerplate: MEVN Full stack JS web app boilerplate with NodeJS, Express, Mongo and VueJS

BlameDeng/sun-server-demo: 后端源码。线上预览地址
BlameDeng/sun-client-demo: 前端源码。配置介绍:
jonashackt/spring-boot-vuejs: Example project showing how to build a Spring Boot App providing a GUI with Vue.js
xrr2016/vue-express-mongodb: 前后端分离
LeanCloud
「伪全栈」Vue2.5+Node.js搭建一个多页面商城应用 - 掘金

¥Vue 全栈

《vue+node全栈移动商城》

Vue+Node+vant+mongoDB移动商城实战【1】 - 掘金
vue+node移动商城【2】-环境安装 - 掘金
vue+node全栈移动商城【3】-安装express,实现第一个nodeJs接口 - 掘金
vue+node全栈移动商城【4】-创建get、send接口,接收数据更新视图 - 掘金
vue+node全栈移动商城【5】-简单的筛选搜索功能 - 掘金
vue+node全栈移动商城【6】-node接口配置文件 - 掘金
vue+node全栈移动商城【7】路由跳转-注册页面 - 掘金
vue+node全栈移动商城【8】-vant新建注册页面 - 掘金
vue+node全栈移动商城【9】注册页面判断条件 - 掘金
vue+node全栈移动商城【10】注册页面传值到node中间件 - 掘金
vue+node全栈移动商城【11】连接mongodb并存入数据 - 掘金

express+mongodb+vue实现增删改查-全栈之路 - 掘金
biningo/note-vue: 🔥🔥🎉🎉🎊🎊🔥🔥Vue+ElementUI+gin+gorm+redis+nginx的前后端分离项目✨ ✨ ✨ ✨ ✨ 。通过本项目你能学到 1、golang的代码组织和包管理, 2、gin微框架的使用, 3、gorm数据库对Mysql
biningo/note-gin: 🔥🔥🎉🎉🎊🎊🔥🔥Vue+ElementUI+gin+gorm+redis+nginx的前后端分离项目✨ ✨ ✨ ✨ ✨ 通过本项目你能学到 1、golang的代码组织和包管理, 2、gin微框架的使用, 3、gorm数据库对Mysql的
J1ong/FilmSys: 一个使用Vue全家桶和后台Express框架结合Mysql数据库搭建起来的移动端电影售票和管理系统,实现了热映、即将上映、电影和影院全局搜索、评论、选座、购票、点赞、收藏、订单等一
wxiaoqi/Spring-Cloud-Admin: Cloud-Admin是国内首个基于Spring Cloud微服务化开发平台,具有统一授权、认证后台管理系统,其中包含具备用户管理、资源权限管理、网关API管理等多个模块,支持多业务系统
「前端进阶」vue+koa2+mongodb+oss阿里云部署自己的网站 - 掘金

¥实际开发案例

phanan/koel: A personal music streaming server that works.
pagekit/pagekit: Pagekit CMS
Vuedo/vuedo: Vuedo is a blog platform, built with Laravel and Vue.js.
lzxb/vue-cnode: 基于vue2 + vue-router + vuet + ES6 + less + flex.css重写vue版cnode社区,使用webpack2打包
ciqulover/CMS-of-Blog: deprecated
mrgodhani/rss-reader: Simple RSS Reader made using atom electron and vue.js
viko16/vue-ghpages-blog: ✏️ A blog based on GitHub Pages built with Vue.js 2 + webpack 3.
thelinuxlich/vue-dashing-js: The dashboard framework Dashing reimplemented in Node.js + Vue.js
sapjax/fewords: a simple notepad supports markdown
shinygang/Vue-cnodejs: 基于vue.js重写Cnodejs.org社区的webapp
hilongjw/vue-zhihu-daily: zhihu daily spa with vue 线上演示在这里 ---->
useryangtao/vue-wechat: 用Vue.js开发微信app
lzxb/vue2-demo: 从零构建vue2 + vue-router + vuex 开发环境到入门,实现基本的登录退出功能
kenberkeley/vue-demo: Vue.js 示例项目 · 简易留言板。本项目拥有完善的文档说明与注释,让您快速上手 Vue.js 开发 SPA。Webpack / ES6 + Babel / Vue Router / (Vue Resource?) / (Vue Validator?) / (Vuex?) —— An Excellent Vue
zhengguorong/maizuo: 使用vue/vuex/redux开发的卖座网
codecasts/spa-starter-kit: A highly opinionated starter kit for building Single Page Applications with Laravel and Vue.js
Sioxas/vue-music: Vue 音乐搜索、播放 Demo
ericjjj/douban: Douban book website demo by server side render
liangxiaojuan/vue-Meizi: vue最新实战项目,vue2 + vuex + webpack + es6 干货多多,新手福利
yatessss/zhihudaily-vue: 知乎日报web版---vue
lavyun/vue-demo-kugou: 酷狗webapp demo(vue2.0+vue-router+vuex)
canfoo/vue2.0-taopiaopiao: vue2.0+router+vuex+express 构建淘票票的全栈demo
jiangjiu/vue-leancloud-blog: Vue.js+Vuex+vue-router 我的单页应用博客
yjj5855/node-vue-server-webpack
wendaosanshou/mi-by-vue: 使用vue.js模仿小米官网
okoala/vue-fis3: Vue & Fis3 & Use Vue Component
superman66/vue2.x-douban: Vue2.0实现简易豆瓣电影webApp
ChuckCZC/vue-demo-maizuo: 用vue2模仿卖座网:http://m.maizuo.com/v4/?co=maizuo
iHaPBoy/vue-zhihudaily: 🗞 知乎日报 Web 基于 Vue 2.3
liujians/vue-adminLte-vue-router: SPA about vue-cli+adminLte+vue-router
superman66/vue-axios-github: Vue 全家桶 + axios 前端实现登录拦截、登出、拦截器等功能
pomelo-chuan/Zhihu-Daily-Vue.js: 依旧江山,无边云树
rokups/hello-vue-django: vuejs and Django integration with hot code reload
wszgxa/vue-cnode: 一个vuex vue-router vue-resource的单页面应用demo,api来自cnodejs
CommanderXL/x-blog: 个人博客
cs1707/vue-zhihudaily-2.0: Zhihudaily demo built with Vue 2.0, vue-router & vuex, with server-side rendering
lin-xin/notepad: 基于vue2.0+vuex+localStorage+sass+webpack,实现一个本地存储的记事本。兼容PC端和移动端。
elva2596/vueBlog
hql123/vue-ruby-china: 使用Vue.js框架搭建的ruby china山寨版,集成vue-router+vuex等
littlewin-wang/Zhihu_Daily: A Zhihu_Daily Web demo made by Vue.js
SimonZhangITer/VueDemo_Sell_Eleme: ele by vue2.x
njleonzhang/vue-data-tables: A simple, customizable and pageable table, based on vue2 and element-ui
Molunerfinn/vue-koa-demo: A simple full stack demo(CSR & SSR & Docker Support) written by Vue2 & Koa2(Koa1 verson also completed)
vincentSea/vue2.x-Cnode: 基于vue+vue-router+vuex+axios+webpack开发的vue2.x Cnode社区
shaqihe/life-app-vue: 使用vue2,完成一个多功能集合到小webapp
SidKwok/github-explorer: github-explorer(vue)
albertchan/vue-ssr-boilerplate: Vue + vue-router + vuex boilerplate with server-side rendering
nswbmw/vue-bushishiren: 不是诗人
QRL909109/ios7: 使用vue2.0、vuex、vue-router 模拟ios7
tyllo/Framework7-VueJS: Application built on top of Framework7 and VueJS, use: demo/demo
jo0ger/cnode-vue: 基于Vue2.0和Vue-router构建的web端cnodejs网站SPA
zhoou/vue-cli-multipage-bootstrap: vue-cli-multipage-bootstrap demo with vue2+vue-router+vuex+bootstrap+markdown for learning vue2.0
Alex-xd/seeMusic: Vue 云音乐播放器,网易云音乐API,可听网易云高品质付费歌曲。 Vue music player
moonou/zhihu-daily-vue: zhihu daily for vue2.0
sailengsi/sls-vuex2-demo: 基于vue2+vuex2实现的购物车demo
fishenal/vuejs-demo-project: a vue demo project
Halfeld/v-notes: Simple and beautiful notepad to Markdown with Vue.js and Local Storage API
BosNaufal/vue-starter: Simple Vue Js Starter for single page application with Vuex and Vue Router
youknowznm/vue-memo: 完全原创的基于 Vue.js 的记事本应用
DMQ/mvvm: 剖析vue实现原理,自己动手实现mvvm
DivanteLtd/vue-storefront: Vue Storefront - PWA for eCommerce. 100% offline, platform agnostic, headless, Magento 2 supported. Always Open Source, MIT license. Join us as contributor (contributors@vuestorefront.io).
arronf2e/Vue2.0LOL: 🌹 🌹 vue2.0版英雄联盟助手
eteplus/vue-sui-demo: 用vue 和 SUI-Mobile 写了一个移动端demo,用来反馈学习vue的成果(禁用了SUI自带的路由,使用vue-router, vue-resource, webpack)[a web app written by vue & sui-mobile]
egoist/eme: Elegant Markdown Editor.
PeakTai/vue-html5-editor: An html5 wysiwyg editor for vue
hifarer/vueditor: A wysiwyg editor written in Vue.js and Vuex.js
yunyi1895/vue-music-master: 用vue写了一个手机端网页音乐播放器
kaola-fed/rds-vue: rde组件库,包含Components、Mixins、Directives、Filters、Utils
panda-fe/panda-vue: PFE团队 - Vue常用组件、mixin、util库
Awheat/vue2-douban-market: 这是基于vue2 + vue-router2 + vuex + axios 仿(豆瓣市集)的一个webapp项目!
microzz/vue-chat: 👥Vue全家桶+Socket.io+Express/Koa2打造一个智能聊天室。
chrisvfritz/vue-render-performance-comparisons: Very simple project to benchmark Vue's render performance in comparison to other libraries
chenyong9528/vue-mapp: This is a Vue music webapp

¥实时通讯

vue-WeChat

zhaohaodang/vue-WeChat: 一款基于Vue2.0高仿微信App的单页应用
智能聊天室 Vue Chat Powered by microzz.com

vue-chat

comsince/vue-chat: 基于universe-push的即时聊天系统web客户端,使用vue框架,基于websocket实现基于json的文本协议实现即时通信。消息与android客户端同步,支持文字,图片发送,支持视频相关消息显示

wechat

CCZX/wechat: Vue.js、React.js、node.js、MongoDB、websocket、socket.io、前端后分离、聊天系统、毕业设计。
Vue实现的聊天系统 - 掘金

¥订单、支付&商城

stripe

stripe/stripe-python: Python library for the Stripe API.
Stripe - Online payment processing for internet businesses
Stripe.js v2 Reference | Stripe
[译] 使用 Stripe, Vue.js 和 Flask 接受付款 - 掘金

vue-sell

ustbhuangyi/vue-sell: Vue.js高仿饿了么外卖App课程源码 http://coding.imooc.com/class/74.html

sulianapp-com/sulianapp: 快链电商,直播电商 分销商城 微信小程序商城 + APP商城 + 公众号商城 + PC商城系统 + 支付宝小程序商城 + 抖音小程序商城 + 百度小程序电商系统(前后端代码全部开源) Larave

FasterWeb

httprunner/FasterWeb: FasterWeb that depends FasterRunner

Mysql web端sql审核平台 yearning

cookieY/Gemini: Yearning-web Page Framework

MintloG

jrainlau/MintloG: 使用Vuejs+Webpack+VueRouter+VueResource搭建的博客SPA
采用 vue+webpack 构建的单页应用——私人博客 MintloG 诞生记 - 掘金

made with vue.js

Vue.js Showcase - Made With Vue.js

PicGo

Molunerfinn/PicGo: A simple & beautiful tool for pictures uploading built by electron-vue
Molunerfinn/PicGo: A simple & beautiful tool for pictures uploading built by vue-cli-electron-builder
PicGo
PicGo
Tag: Electron-vue | MARKSZのBlog
PicGo:基于 Electron 的图片上传工具 - 少数派
从零开始为 PicGo 开发一个新图床 - 掘金

vue-ts-daily

xiaomuzhu/vue-ts-daily: 基于vue、Typescript、pwa的一款习惯养成app

vue2-douban-market

db_market

vue-comps

vue-comps

Vcn

webproblem/Vcn: 学习Vue源码,实现一个简单的MVVM框架

vue-travel

YxrSadhu/vue-travel: 模仿旅游网站做个webapp

vue-music-webapp

caijinyc/vue-music-webapp: A Music WebApp based on the Vue.
vue-music-webapp

vue-objccn

halfrost/vue-objccn: 🔥 用 Vue.js 开发的跨三端应用 / Use Vue.js to develop a cross-platform full stack application

Vue.js tools

¥configuration management system

vue-apollo

vuejs/vue-apollo: 🚀 Apollo/GraphQL integration for VueJS
Vue Apollo

¥computed

vue-async-computed

foxbenjaminfox/vue-async-computed: Async computed properties for Vue.js

¥classify / ts

class-component

vue-class-component

vuejs/vue-class-component: ES / TypeScript decorator for class-style Vue components.
vue-class-component - npm
Overview | Vue Class Component
Vue—Typescript - yydounai的博客 - CSDN博客
vue-class-component源码阅读 - 简书
vue-class-component,类样式Vue组件的es/app decorator,下载vue-class-component的源码_GitHub_HELPLIB

vue-property-decorator

kaorun343/vue-property-decorator: Vue.js and Property Decorator

How can I use mixin with vue-class-component and typescript? - Get Help - Vue Forum

vue-classify

hikerpig/vue-classify: Convert option-object style vue component to typescript class component
vue-classify, 将 JS 写的 vue option object 转为 Typescript class 形式 - 前端 - 掘金

vue-ts-loader

HerringtonDarkholme/vue-ts-loader: Type-check your script in your vue-loader

¥component

dynamic component

AStaroverov/vue-dynamic-component: Component for fast creating dynamical components.
chenquincy/vue-dynamic-form-component: Vue dynamic nested form component, support nested Object/Hashmap/Array. Vue动态多级表单组件,支持嵌套对象/Hashmap/数组。

portal-vue

LinusBorg/portal-vue: A feature-rich Portal Plugin for Vuejs, for rendering DOM outside of a component, anywhere our app or the entire document.

vue-gn-components

huxiaocheng/vue-gn-components: 这里有一些标准组件库可能没有的功能组件,已有组件:放大镜、签到、图片标签、滑动验证、倒计时、水印、拖拽、大家来找茬。

vue-create-root

any86/vue-create-root: 不到1kb的小工具, 把组件变成this.$xxx命令.

vue-slot-checker

mya-ake/vue-slot-checker: Provide the function to check slot like checking props.
vue-slot-checker - npm

vue-ref

vueComponent/vue-ref: You can use the callback to get a reference like react

vuse

baianat/vuse: 🚧 Build web pages with Vuse, the next-gen interactive page builder powered with Vue.js.

vue-run-sfc

dream2023/vue-run-sfc: Vue DEMO利器, 在线运行 & 编辑 Vue 单文件

¥Composition API

vueuse

antfu/vueuse: 🧰 Collection of Composition API utils for Vue 2 and 3

vue-composable

pikax/vue-composable: Vue composition-api composable components. i18n, validation, pagination, fetch, etc. +50 different composables

vue-composition-toolkit

HcySunYang/vue-composition-toolkit: 🔫 Vue3 Composition-API toolkit

vue-use-web

Tarektouati/vue-use-web: 🕸 Web APIs implemented as Vue.js composition functions

lmhcoding/vhook: Collection of Vue3.0 Composition Functions

¥environment、platform&system

vue-env

websanova/vue-env: Simple environment library for Vue.js

vue-no-ssr

egoist/vue-no-ssr: Vue component to wrap non SSR friendly components (428 bytes)

vuepress-plugin-seo

lorisleiva/vuepress-plugin-seo: 🔌 Generate SEO friendly meta header for every page

¥lit

lit-vue

egoist/lit-vue: 🔥 Vue SFC goodies directly in JavaScript files.

vue-lit

yyx990803/vue-lit: Proof of concept custom elements "framework"
尤大 3 天前发在 GitHub 上的 vue-lit 是啥?

¥page / router

Vueg----page-transition-plugin

jaweii/Vueg----page-transition-plugin: 为Vue应用添加页面间的转场特效( Page level transition plugin for vue-router)

vue-hot-reload-api

vuejs/vue-hot-reload-api: 🌶️ Hot reload API for Vue components
Vue项目的热更新怎么辣么好用啊?原来200行代码就搞定(深度解析) - 掘金

¥request / response

vue-api-query

robsontenorio/vue-api-query: 💎 Elegant and simple way to build requests for REST API

¥reactive

vue-rx

vuejs/vue-rx: 👁️ RxJS integration for Vue.js.
vue-rx的初步使用_水痕-CSDN博客

vue-reactive

sl1673495/vue-reactive: 用最简短的方式实现符合Vue源码结构的响应式原理。

¥style

vue-styled-components

styled-components/vue-styled-components: Visual primitives for the component age. A simple port for Vue of styled-components 💅

¥testing utility

#debugger

MiCottOn/DejaVue: Visualization and debugging tool built for Vue.js

avoriaz

eddyerburgh/avoriaz: 🔬 a Vue.js testing utility library

vue-test-utils

vuejs/vue-test-utils: 🔬 Utilities for testing Vue components
Introduction | Vue Test Utils
介绍 | Vue Test Utils

vue-unit

wrseward/vue-unit: Component testing utilities for Vue.js

vue-testing-handbook

lmiller1990/vue-testing-handbook: A guide on testing Vue components and applications

vuejs/regression-testing: Regression testing
Vue单元测试探索 - 掘金
从零开始做Vue前端架构(6)单元测试 & 代码覆盖率 - 掘金
单元测试从零开始,包含 Vue 及 React 项目中该如何单测 - 掘金
Vue使用jest单元测试详解 - 掘金
Vue使用Jest单元测试(学习笔记) - 掘金
使用 Jest 进行 Vue 单元测试 - 掘金
Vue 测试速成班 - 掘金
vue-cli 自动化测试 Nightwatch 详解 - 掘金
vue单元测试第一篇:单元测试介绍和基本使用 - 掘金
vue单元测试第二篇:jest断言库的使用 - 掘金
学习Vue应用测试,让你的项目更加健壮和稳定

¥Vue npm

vue-npm-template

cristijora/vue-npm-template: Quick start for publishable to npm vue components

¥Vue develop&debug

#Open component in editor

yyx990803/launch-editor: Open file in editor from Node.js.
vue-devtools/open-in-editor.md at master · vuejs/vue-devtools

vue-analytics

MatteoGabriele/vue-analytics: Google Analytics plugin for Vue

jsv

ruige24601/jsv-compiler

vue-devtools

vuejs/vue-devtools: ⚙️ Browser devtools extension for debugging Vue.js applications.

¥Vue.js State Management

几十行代码实现一个vue的状态管理 - 掘金

¥Vue.js 服务端渲染(SSR)

¥Websocket

vue-native-websocket

nathantsoi/vue-native-websocket: native websocket with vuex integration

vue-native-websocket-vue3

likaia/vue-native-websocket-vue3: 支持vue3和vuex的websocket插件
vue-native-websocket-vue3 - npm
使用Vue3+TS重构百星websocket插件

dayspan-vuetify

ClickerMonkey/dayspan-vuetify: A collection of components that visualizes DaySpan Calendars and Schedules using Vuetify

epic-spinners

epicmaxco/epic-spinners: Easy to use css spinners collection with vue.js integration

Famous-Vue

irwansyahwii/Famous-Vue: Vue components for Famous Javascript library
Layouting in Famous-Vue – Irwansyah – Medium

vue-lodash

Ewocker/vue-lodash: This is a small wrapper for integrating lodash into VueJs

vue-shortkey

iFgR/vue-shortkey: Vue-ShortKey - plugin for Vue.js

vue-cordova

kartsims/vue-cordova: Vue.js plugin for Cordova
API Docs | Vue Cordova

vue-promised

posva/vue-promised: 💝 Promises as components

vuefire

vuejs/vuefire: 🔥 Firebase bindings for Vue.js & Vuex

vue-design-system

viljamis/vue-design-system: An open source tool for building UI Design Systems with Vue.js

vuegg

vuegg/vuegg: vue GUI generator

vue-gtag

MatteoGabriele/vue-gtag: Global Site Tag plugin for Vue (gtag.js)

vuetensils

Stegosource/vuetensils: 🍴 A tasty toolset for Vue.js 🛠 - Lightweight, functional components to boost your next project.

Vue.js 资源、整理集&FAQ

Vue.js 资源

Vue patterns、techniques、tips&tricks

vue-patterns

learn-vuejs/vue-patterns: Useful Vue patterns, techniques, tips and tricks and helpful curated links.

vue-tutorials

keepfool/vue-tutorials: Let you insight into the Vue.js

vuejs-tips

Vue.js Tips
vuejs-tips/tiny-debounce: Lightweight alternative to lodash.debounce
vuejs-tips/compiler: Interactive Vue.js html to javascript compiler
vuejs-tips – Medium

vue-cheatsheet

vuejs-tips/cheatsheet: Vue.js 2.2 complete API cheatsheet
Vue.js 2.3 Complete API Cheat Sheet

vuex-cheatsheet

vuejs-tips/vuex-cheatsheet: Vuex Complete API CheatSheet
Vuex CheatSheet

BryanAdamss/vue-awesome-template: ☀基于vue-cli@4.x的vue@2.x 项目模板;集成各种常用组件、轮子、最佳实践;
vuetifyjs/awesome-vuetify: 🎉 The best resources related to Vuetify

Vue 面试

《高级前端开发者必会的34道Vue面试题系列》

高级前端开发者必会的34道Vue面试题系列(一) - 掘金
高级前端开发者必会的34道Vue面试题系列(二) - 掘金
高级前端开发者必会的34道Vue面试题解析(三) - 掘金
高级前端开发者必会的34道Vue面试题解析(四) - 掘金

OneTab shared tabs
12道vue高频原理面试题,你能答出几道? - 掘金
面试必看:剖析Vue原理之发布订阅者模式(基础篇) - 掘金
vue.js面试题整理 - 竹木狼马 - 博客园
30 道 Vue 面试题,内含详细讲解(涵盖入门到精通,自测 Vue 掌握程度) - 掘金

《「源码级回答」大厂高频Vue面试题》

「源码级回答」大厂高频Vue面试题(上) - 掘金
「源码级回答」大厂高频Vue面试题(中) - 掘金

「面试题」20+Vue面试题整理 - 前端食堂 - SegmentFault 思否
史上最强vue总结---面试开发全靠它了

自定义/自实现组件

@mentions

vue 下评论实现@ mention提及功能 - 掘金

debounce

Vue实现函数防抖组件 - 掘金
vue2 debounce 实现 - lickPack的博客 - CSDN博客
在vue+element ui框架里怎么用lodash的debounce防抖 - liangxhblog的博客 - CSDN博客
Vue项目按需打包Lodash - savokiss - 博客园

table

table 组件了解一下? - 掘金

rascalHao/kiko: 一个基于Vue2.0的弹窗组件(PC)
aview/BaseSlider.vue at master · alex2wong/aview
浅尝Vue.js组件(一) - 掘金
浅尝Vue.js组件(二) - 掘金
如何开发一个基于 Vue 的 ui 组件库(一) - 掘金
如何开发一个基于 Vue 的 ui 组件库(二) - 掘金
一起撸vue组件(一):拖拽API实战之拖拽组件 - 掘金
一起撸vue组件(二):带妹上分之<大家来找茬>'辅助'工具 - 掘金
使用 Vue 实现 Context-Menu 的思考与总结 - 掘金
用于铁胆火车侠运行排班数据展示系统,一个基于Vue构建的Gantt-like 图表组件 - 掘金
基于vue-cli3快速发布一个fullpage组件 - 掘金
160行代码仿Vue实现极简双向绑定[详细注释] - 掘金
一个鲜为人知的高性能组件注册及实现组件排序技巧 - 掘金
封装Vue组件的一些技巧 - 掘金
基于 vue-cli3 打造属于自己的 UI 库 - 掘金
手牵手教你写 Vue 插件 - 掘金
vue 手写一个时间选择器 - 掘金
Vue-插件开发 - 掘金
Vuex持久化插件-解决刷新数据消失的问题 - 掘金
重构:从 0.1 构建一个 Vue 表单验证插件 - 掘金
vue表单验证你真的会了吗?组件之表单验证(form)validate - 掘金
基于vue实现web端超大数据量表格 - 掘金
Vue解析剪切板图片并实现发送功能 - 掘金
"可插拔式"组件设计,领略组件开发的奥秘 - 掘金
Vue Webpack 组件化开发实践 | 晚晴幽草轩
vue组件开发,可以全面在第三方框架引入
前端教程
手把手从零开始---封装一个vue视频播放器组件
vue-loading插件开发+npm部署
基于Vue自定义模态框|vue仿微信弹窗|nuxt对话框

upload

Vue实战:文件上传组件
上传组件 — sunseekers

Vue实现一个全屏加载插件并发布至npm仓库🎁

编码规范、风格指南&命名风格

massCode

antonreshetov/massCode: A free and open source code snippets manager for developers.

vuejs-component-style-guide

pablohpsilva/vuejs-component-style-guide: Vue.js Component Style Guide

vue-styleguidist

vue-styleguidist/vue-styleguidist: Created from react styleguidist for Vue Components with a living style guide

typescript-cheatsheets/vue: Cheatsheets for experienced Vue developers getting started with TypeScript
中文 - docs
Vue.js命名风格指南 - 掘金
Code Review总结一些Vue开发规范经验 - 掘金

icarusion/vue-book: 《Vue.js实战》源码及答疑
MeCKodo/vue-tutorial: vue2.0-tutorial
bhnddowinf/vuejs2-learn: vuejs2 官网讲解 (vue.js 2 official website tutorials ,contains video , codes, baudi yun, youtube)
绝对干货~!学会这些Vue小技巧,可以早点下班和女神约会了 - 掘金
(28 封私信 / 39 条消息) Vue.js - 知乎
我在项目中是这样配置Vue的

Vue.js 整理集

《Vue折腾记》

Vue折腾记 - (1)写一个不大靠谱的二级侧边栏 - 掘金
Vue折腾记 - (2)写一个不大靠谱的面包屑组件 - 掘金
Vue折腾记 - (3)写一个不大靠谱的typeahead组件 - 掘金
Vue 折腾记 - (4) 写一个不大靠谱的 loading 组件 - 掘金
Vue 折腾记 - (5) 写一个不大靠谱的selectSearch组件 - 掘金
Vue 折腾记 - (6) 写一个不大靠谱的backToTop组件 - 掘金
Vue 折腾记 - (7) 写一个挺不靠谱的Vue-Echarts组件 - 掘金
Vue 折腾记 - (8) 写一个挺靠谱的多地区选择组件 - 掘金
Vue 折腾记 - (9) 写一个挺靠谱的typeahead组件 - 掘金
Vue 折腾记 - (10) 给axios做个挺靠谱的封装(报错,鉴权,跳转,拦截,提示) - 掘金
Vue 折腾记 - (11) @Vue/Cli 3.0.0 图形化项目管理,相当人性化 - 掘金
Vue 折腾记 - (12) Nuxt.js写一个校验访问浏览器设备类型及环境的中间件 - 掘金
Vue 折腾记 - (13) Nuxt.js写一个常规音频的播放组件,动态注入微信,新浪微博的js-sdk - 掘金
Vue 折腾记 - (14) Nuxt.js 2 正式版升级采坑以及部署姿势改动 - 掘金
Vue 折腾记 - (15) 捣鼓一个中规中矩loading组件 - 掘金
Vue 折腾记 - (16) 基于Ant Design Vue 封装一个配置式的表单搜索组件 - 掘金
Vue 折腾记 - (17) 基于Ant Design Vue 封装一个配置式的表单组件 - 掘金
Vue 折腾记 - (18) 用Vue的Inject Provide结合Event Bus来实现局部的状态维护 - 掘金

《Vuejs渡劫系列》

Vuejs渡劫系列一:日常开发中必须掌握的细节(keng) | 莫伟德个人网站 | 技术香波岛
Vuejs渡劫系列二:最全的vue-cli项目下的配置简析 | 莫伟德个人网站 | 技术香波岛
Vuejs渡劫系列三:构建一个包含路由控制、状态管理和权限校验的vue-cli项目 | 莫伟德个人网站 | 技术香波岛

《Vue 的小奇技》

【译】Vue 的小奇技(第一篇):提高大型数据列表的性能 - 掘金
【译】Vue 的小奇技(第二篇):衡量 Vue 应用的运行时性能 - 掘金
【译】Vue 的小奇技(第三篇):用 PurgeCSS 移除不需要的 CSS - 掘金
【译】Vue 的小奇技(第四篇):Vue.js 2.6.0 中的新指令 v-slot - 掘金
【译】Vue 的小奇技(第五篇):使用 v-bind 和 v-on 打造自适应组件 - 掘金
【译】Vue 的小奇技(第六篇):在 Vue.js 2.6 中不使用 Vuex 来创建 store - 掘金
【译】Vue 的小奇技(第七篇):在 vue-multiselect 基础上创建 ImageSelect 组件 - 掘金
【译】Vue 的小奇技(第八篇):两个鲜有人知的 Vuex 技巧 - 掘金
【译】Vue 的小奇技(第九篇):快照测试的威力 - 掘金
【译】Vue 的小奇技(第十篇):监听第三方组件的生命周期钩子 - 掘金
【译】Vue 的小奇技(第十一篇):高效简洁的函数式组件 - 掘金
【译】Vue 的小奇技(第十二篇):组件创建时立即调用观察者回调 - 掘金

《Vue入门指南》

Vue入门指南(快速上手vue) - 掘金
Vue入门指南-01创建vue实例 (快速上手vue) - 掘金
Vue入门指南-02自定义全局和局部指令 (快速上手vue) - 掘金
Vue入门指南-03 vue官方提供的指令 (快速上手vue) - 掘金
Vue入门指南-04 事件机制和事件/按键修饰符和过滤器及监听属性(快速上手vue) - 掘金
Vue入门指南-05 Vue实例的生命周期(快速上手vue) - 掘金
Vue入门指南-06 Vue中的动画(快速上手vue) - 掘金
Vue入门指南-07 Vue中的组件(快速上手vue) - 掘金
Vue入门指南-08 Vue中的标签/如何获取DOM元素(快速上手vue) - 掘金

《Vue教程》

Vue教程00:MVC、MVP、MVVM模式的区别,服务端渲染与客户端渲染的区别 - 掘金
Vue教程01:Vue表达式与v-bind指令 - 掘金
Vue教程02:v-model、v-text、v-html - 掘金
Vue教程03:Vue事件、v-show、v-if指令 - 掘金
Vue教程04:v-for指令 - 掘金
Vue教程05:v-pre、v-cloak指令 - 掘金
Vue教程06:数据同步、双向绑定原理 - 掘金
Vue教程07:事件修饰符 - 掘金
Vue教程08:Computed计算属性、Watch监听属性 - 掘金
Vue教程09:双向绑定对象中属性原理 - 掘金
Vue教程10:使用vue-router实现路由和传参 - 掘金
Vue教程11:利用JS实现路由跳转,路由监听和导航守卫 - 掘金
Vue教程12:多视图 - 掘金
Vue教程13:基于Webpack构建项目 - 掘金
Vue教程14:配置子路由 - 掘金
Vue教程15:Vue组件 - 掘金
Vue教程16:Vue实例生命周期详解 - 掘金
Vue教程17:组件间通信之一:通过组件实例通信 - 掘金
Vue教程18:组件间通信之二:通过事件通信 - 掘金
Vue教程19:Vue 2.0组件开发模式 - 掘金
Vue教程20:Vuex入门 - 掘金
Vue教程21:Vuex Getter - 掘金
Vue教程22:mapState、mapActions、mapGetters - 掘金
Vue教程23:Vuex异步Action - 掘金
Vue教程24:Vuex Modules(完结) - 掘金

《Vue 基础篇》

Vue 基础篇(一):Vue组件间通信 - 掘金
Vue 基础篇(二):Vue命名注意事项 - 掘金
Vue 基础篇(三):Vue生命周期理解 - 掘金
Vue 基础篇(四):父子组件的生命周期顺序 - 掘金

《Vue 使用篇》

Vue 使用篇(一):<router-link>的to属性绑定命名路由问题 - 掘金
Vue 使用篇(二):Vue父子组件间的数据传输 - 掘金
Vue 使用篇(三):scoped属性的style样式如何应用于其子组件中 - 掘金
Vue 使用篇(四):data数据的变化 - 掘金

《vue2系列文章》

第一章:vue2中常见的指令_水痕-CSDN博客
第二章:vue2组件的生命周期钩子函数_水痕-CSDN博客
第三章:vue2中关于数据的处理_水痕-CSDN博客
第四章:vue2中使用过滤器_水痕-CSDN博客
第五章:利用计算属性写一个购物车案例_水痕-CSDN博客
第六章:vue2组件及组件间通信_水痕-CSDN博客
第七章:vue2中创建自定义指令_水痕-CSDN博客
第八章:vue2中render与ref的使用_水痕-CSDN博客
第九章:vue2中路由的使用_水痕-CSDN博客
第十章:vue2中axios请求服务端数据 - CSDN博客
第十一章:关于VUEX的详解_水痕-CSDN博客

《Vue组件库工程探索与实践》

Vue组件库工程探索与实践之构建工具 - 掘金
Vue组件库工程探索与实践之按需加载 - 掘金
Vue组件库工程探索与实践之单元测试 - 掘金

《Vue 应用单元测试的策略与实践》

Vue 应用单元测试的策略与实践 01 - 前言和目标 - 掘金
Vue 应用单元测试的策略与实践 02 - 单元测试基础 - 掘金
Vue 应用单元测试的策略与实践 03 - Vue 组件单元测试 - 掘金
Vue 应用单元测试的策略与实践 04 - Vuex 单元测试 - 掘金
Vue 应用单元测试的策略与实践 05 - 测试奖杯策略 - 掘金
Vue 应用单元测试的策略与实践 06 - 如何落地的几点建议 - 掘金

《Vue中级指南》

Vue入门指南 axios的应用及拦截封装 - 掘金
Vue中级指南-05 Vue中路由跳的转进度条和数据加载Loading显示 - 掘金
Vue中级指南-01 如何在Vue项目中导出Excel - 掘金
Vue中级指南-02 如何在Vue项目使用富文本 - 掘金
Vue中级指南-03 如何在Vue项目使用阿里iconfont图标 - 掘金
Vue中级指南-04 Vue中跨域以及打包部署到nginx跨域设置 - 掘金

《Vue高级指南》

Vue高级指南-01 Vue源码解析之手写Vue源码 - 掘金
Vue高级指南-02 Vue.js源码深入解析 - 掘金

《VUE 3.0 学习探索入门系列》

VUE 3.0 学习探索入门系列 - 总览(1) - 掘金
VUE 3.0 学习探索入门系列 - 回顾 vue2 辉煌一生(2) - 掘金
VUE 3.0 学习探索入门系列 - 用几个 demo 认识 vue3(3) - 掘金
VUE 3.0 学习探索入门系列 - vue2.x/React/vue3.x 简单横评(4) - 掘金
VUE 3.0 学习探索入门系列 - 纠结要不要升级到Vue3.0?该如何升级?(5) - 掘金
VUE 3.0 学习探索入门系列 - Vue3.x 生命周期 和 Composition API 核心语法理解(6) - 掘金
VUE 3.0 学习探索入门系列 - Vue3.x 令人期待的新特性(7) - 掘金

《设计模式在vue中的应用》

设计模式在vue中的应用 (一) - 掘金
设计模式在vue中的应用(二) - 掘金
设计模式在vue中的应用(三) - 掘金
设计模式在vue中的应用(四) - 掘金
设计模式在vue中的应用(五) - 掘金
设计模式在vue中的应用(六) - 掘金
设计模式在vue中的应用(七) - 掘金

《你也许不知道的Vuejs》

你也许不知道的Vuejs - 前言 - 掘金
你也许不知道的Vuejs - 最佳实践(1) - 掘金
你也许不知道的Vuejs - 最佳实践(2) - 掘金
你也许不知道的Vuejs - 最佳实践(3) - 掘金
你也许不知道的Vuejs - 状态管理 - 掘金
你也许不知道的Vuejs - 自定义路由实现 - 掘金
你也许不知道的Vuejs - 插件开发 - 掘金
你也许不知道的Vuejs - 定制开发项目模板 - 掘金
你也许不知道的Vuejs - 使用ESLint检查代码质量 - 掘金
你也许不知道的Vuejs - 使用ES6快乐的玩耍 - 掘金
你也许不知道的Vuejs - 单文件组件 - 掘金
你也许不知道的Vuejs - 工欲善其事必先利其器 - 掘金
你也许不知道的Vuejs - 组件式开发 - 掘金
你也许不知道的Vuejs - 强大的指令系统 - 掘金
你也许不知道的Vuejs - 深入浅出响应式系统 - 掘金
你也许不知道的Vuejs - 花式渲染目标元素 - 掘金

《手摸手,带你用vue撸后台系列》

手摸手,带你用vue撸后台 系列一(基础篇) - 掘金
手摸手,带你用vue撸后台 系列二(登录权限篇) - 掘金
手摸手,带你用vue撸后台 系列三(实战篇) - 掘金
手摸手,带你用vue撸后台 系列四(vueAdmin 一个极简的后台基础模板) - 掘金
手摸手,带你用vue撸后台 系列五(v4.0新版本) - 掘金

《从零实现Vue的组件库》

从零实现Vue的组件库(零)- 基本结构以及构建工具 - 掘金
从零实现Vue的组件库(一)- Toast 实现 - 掘金
从零实现Vue的组件库(二)- Slider 实现 - 掘金
从零实现Vue的组件库(三)- Tabs 实现 - 掘金
从零实现Vue的组件库(四)- File-Reader实现 - 掘金
从零实现Vue的组件库(五)- Breadcrumb 实现 - 掘金
从零实现Vue的组件库(六)- Hover-Tip 实现 - 掘金
从零实现Vue的组件库(七)- Message-Box 实现 - 掘金
从零实现Vue的组件库(八)- Input 实现 - 掘金
从零实现Vue的组件库(九)- InputNumber 实现 - 掘金
从零实现Vue的组件库(十)- Select 实现 - 掘金
从零实现Vue的组件库(十一)- 结合 Functional Component 实现 Date-picker - 掘金
从零实现Vue的组件库(十二)- Table 实现 - 掘金
从零实现Vue的组件库(十三)- Pagination 实现 - 掘金
从零实现Vue的组件库(十四)- RadioGroup 实现 - 掘金
从零实现Vue的组件库(十五)- Checkbox-Group 实现 - 掘金
从零实现Vue的组件库(十六)- Dropdown 实现 - 掘金

《从零到部署:用 Vue 和 Express 实现迷你全栈电商应用》

从零到部署:用 Vue 和 Express 实现迷你全栈电商应用(一) - 掘金
从零到部署:用 Vue 和 Express 实现迷你全栈电商应用(二) - 掘金
从零到部署:用 Vue 和 Express 实现迷你全栈电商应用(三) - 掘金
从零到部署:用 Vue 和 Express 实现迷你全栈电商应用(四) - 掘金
从零到部署:用 Vue 和 Express 实现迷你全栈电商应用(五) - 掘金
从零到部署:用 Vue 和 Express 实现迷你全栈电商应用(六) - 掘金
从零到部署:用 Vue 和 Express 实现迷你全栈电商应用(七) - 掘金
从零到部署:用 Vue 和 Express 实现迷你全栈电商应用(九):使用 Authing 打造拥有微信登录、Github登录的企业级的用户系统 - 掘金
从零到部署:用 Vue 和 Express 实现迷你全栈电商应用(终篇) - 掘金
(4.2万字🔥🔥🔥重启2020)“从零到部署”Vue全栈电商应用系列教程---正式完结 - 掘金

《总结vue知识体系》

总结vue知识体系之基础入门篇 - 掘金
总结vue知识体系之实用技巧 - 掘金
总结vue知识体系之高级应用篇 - 掘金

Vue 笔记&汇总

vue引入第三方非模块化插件 · Issue #4 · CodeDreamfy/CodeDemo
Topic: vue-plugin
Use Any Javascript Library With Vue.js - Vue.js Developers
Vue 开发必须知道的 36 个技巧【近1W字】 - 掘金
第一阶段 Vue基础语法-第一集:Vue.js入门基础 - 掘金
第一阶段 Vue基础语法-第二集:Vue2.5开发去哪网 - 掘金
第二阶段 vue项目实战-第一集:快速入门web阅读器开发 - 掘金
Vue2.x 的笔记:第一次的感受 Vue 开篇 - 掘金
Vue2.5笔记:Vue中的模版 - 掘金
Vue2.5笔记:Vue的实例与生命周期 - 掘金
Vue2.5笔记:Class与Style几种绑定用法 - 掘金
Vue 开发经验小记 - 掘金
Vue简史 - 掘金
Vue项目history模式下微信分享总结 - 掘金
[译] Vue.js 优雅地集成第三方 JavaScript - 掘金
VUE 项目:API配置、版本控制(V1.0方案) - 掘金
Vue 系列一 之 Vue 基础 - 掘金
Vue 系列二 之 猛龙行动之绝密代码 - 掘金
Vue 实践小结 - 掘金
vue知识点记录 - 掘金
Vue + Canvas项目总结 - 掘金
Vue前端开发规范 - 掘金
VUE组件汇总 - 掘金
【收藏】2019年最新Vue相关精品开源项目库汇总 - 掘金
Vue经典开源项目汇总 - 掘金
2年vue项目实战经验汇总 - 掘金
【图文并茂,点赞收藏哦!】重学巩固你的Vuejs知识体系 - 掘金
vue全家桶开发的一些小技巧和注意事项 - 掘金
Vue最全知识点,面试必备(基础到进阶,覆盖vue3.0,持续更新整理,欢迎补充讨论)
万字总结Vue(包含全家桶),希望这一篇可以帮到您
Vue 开发必须知道的 36 个技巧【近1W字】
Vue2.0 新手完全填坑攻略——从环境搭建到发布 - 简书
Vue 开发必须知道的 36 个技巧【近1W字】 - 前端小而全的知识归纳 - SegmentFault 思否
[总结]vue开发常见知识点及问题资料整理(持续更新) - 风雨后见彩虹 - 博客园
三年 Vue 前端开发的血与泪总结
这 10 个技巧让你成为一个更好的 Vue 开发者
10+个很酷的VueJS组件,模板和实验示例
三万字,100张图,1个小时,带后端的同学整体了解 vue 前端架构
34条我能告诉你的Vue之实操篇
Vue 项目中各种痛点问题及方案
Vue经典开源项目汇总
34条我能告诉你的Vue之实操篇
记一次惨痛的Vue-cli + VueX + SSR经历
34条我能告诉你的Vue之实操篇
34条我能告诉你的Vue之实操篇
【图文并茂,点赞收藏哦!】重学巩固你的Vuejs知识体系(上)
【图文并茂,点赞收藏哦!】重学巩固你的Vuejs知识体系(下)
Vue 项目一些常见问题的解决方案
基于Vue的前端架构,我做了这15点
Vue3生态技术内幕 · 语雀

Vue.js FAQ

Vue authentication、加密、解密、加签&解签

在VUE中使用RSA加密解密加签解签

Vue study

实战教学使用 Vue3 重构 Vue2 项目(万字好文推荐)
[译] Vue: scoped 样式与 CSS Module 对比

Vue 移动端

vue移动端开发总结 - 掘金

Vue 错误&异常处理

浅出Vue 错误处理机制errorCaptured、errorHandler - 掘金
vue框架下部署上线后刷新报404问题解决方案 - 掘金
【实践总结】优雅的处理vue项目异常 - 掘金
Vue项目中出现Loading chunk {n} failed问题的解决方法 - 半路出家老菜鸟 - SegmentFault 思否

Vue 异步

在Vue中使用async函数 - 比利Billy - CSDN博客
vue.js - vue-cli构建的项目中如何使用async await - SegmentFault 思否
使用async/await来处理异步(vue+node的实例) - 简书
vue中用async/await 来处理异步 - 简书
vue 钩子函数 使用async await - 孟繁贵 - 博客园
vue async/await同步 案例 - 春风十里的情 - 博客园
vue中异步函数async和await的用法_玉小希_新浪博客
🚩Vue源码——异步组件是如何使用

Vue 过渡动画

Mosasa/vue-transition-practice: vue页面动画效果实现demo
Vue中的基础过渡动画原理解析 - 掘金
Vue一个案例引发「动画」的使用总结 - 掘金
Vue页面跳转动画效果实现 - 掘金
vue中transition动态设置name属性左右切换_MVC前端网(menVScode)_前端博客_前端技术

Vue 多环境配置

前端工程(vue)多环境配置方案 - 掘金
vue 前端 axios 多环境请求解决方案及配置 - 掘金

Vue 传参

Vue传参一箩筐 - 掘金
vue中参数传递(合集) - boy火巨的博客 - CSDN博客

Vue 路由权限控制

vue权限路由实现方式总结 - 掘金
vue权限路由实现方式总结二 - 掘金
企业管理系统前后端分离架构设计 系列一 权限模型篇 - 掘金
vue基于d2-admin的RBAC权限管理解决方案 - 掘金
记一次Vue动态渲染路由的实现 - 掘金
如何优雅的在 vue 中添加权限控制 - 掘金
浅析 vue-router 源码和动态路由权限分配
基于Vue的addRoutes实现权限控制 - CSDN博客
vue+vue-router+vuex,利用vue-router2.2.0新增特性addRoutes实现路由动态加载,菜单动态加载,运用于后台管理系统,路由数据取自数据库 - CSDN博客
vue用addRoutes实现动态路由的示例(从其他地方看到的,怕地址丢了,就复制过来了) - CSDN博客
基于Vue-Router和Vuex的页面访问权限控制 - CSDN博客
基于Vue实现后台系统权限控制 - CSDN博客
Vue + ElementUI 手撸后台管理网站基本框架(二)权限控制 - CSDN博客
用addRoutes实现动态路由 - CSDN博客
vue-router 动态添加 路由 - CSDN博客
vue+element-ui,树形表格,可以做权限管理模块,可折叠,全选,部分全选 - CSDN博客
vue 动态控制权限 - CSDN博客
vue前后端分离项目做权限控制、自动登陆、h5 history模式及404页面 - CSDN博客
Vue2.0用户权限控制解决方案 - CSDN博客
基于URL实现权限控制 - CSDN博客
权限控制方案之——基于URL拦截 - CSDN博客
Vue2.0权限树组件 - CSDN博客
如何用 Vue 实现前端权限控制(路由权限 + 视图权限 + 请求权限) - CSDN博客
vue问题记录(三):addRouter动态路由加载,,实现权限功能以及菜单的动态生成 - CSDN博客
基于vue的前端页面按钮权限控制_acoolper的专栏-CSDN博客
基于VUE自定义指令实现按钮级权限控制 - 简书
前后端分离实践:基于vue实现网站前台的权限管理-云栖社区-阿里云
如何在 vue 中添加权限控制管理?
详解VUE前端按钮权限控制 / 张生荣

Vue 优化

Vue 模块化按需编译

「vue模块化按需编译,突破编译瓶颈」实战篇 - 掘金
将Vue组件库更换为按需加载 - 掘金

Vue 懒加载

加快你的网站响应速度-Vue懒加载 - 掘金

从4个方面优化你的Vue项目 - 掘金
Vue实战:简单几步,优化你的开发体验与效率 - 前端 - 掘金
VUE简单的定时器实时刷新 - 掘金
如何在 Vue 项目中使用 echarts - 掘金
从Vue数组响应化所引发的思考 - 掘金
vue项目中使用token的身份验证的简单实践 - 掘金
Vue 性能优化之深挖数组 - 掘金
Vue项目架构优化 - 掘金
Vue项目升级webpack4.x和遇到的那些安装包Error - 掘金
一个Vue引发的性能问题 - 掘金
【Vue 实践】页面生成 pdf 文件-01 - 掘金
基于vue解决大数据表格卡顿问题 - 掘金
基于vue的海量数据tree组件(20w+) - 掘金
浅谈使用 Vue 构建前端 10w+ 代码量的单页面应用开发底层
Vue SPA性能优化,看这一篇就够了
Vue 项目性能优化—实践指南(网上最全 / 详细) - 知乎
Vue性能优化:如何实现延迟加载和代码拆分?
得心应用的Vue高级技巧

Vue 前进刷新后退不刷新

Vue前进刷新后退不刷新,简易页面堆栈实现 - 掘金
vue实现前进刷新,后退不刷新 - 掘金
另辟蹊径:vue单页面,多路由,前进刷新,后退不刷新 - 冰扬 - SegmentFault 思否

Vue 重新渲染

Vue 中 强制组件重新渲染的正确方法

Vue 项目各目录结构及作用

Vue.js 目录结构 | 菜鸟教程
Vue UI库之初始构建项目结构_玉案轩窗的博客-CSDN博客
Vue UI库之基本构建配置说明_玉案轩窗的博客-CSDN博客
Vue的目录结构 - 起小点 - CSDN博客
VUE项目目录结构介绍 - 柳牧之的博客 - CSDN博客
Vue项目---目录结构 - - SegmentFault 思否
Vue项目目录架构 - - SegmentFault 思否
Vue 开发|文件目录结构部署 - - SegmentFault 思否
vue项目各目录结构及作用 - 简书
Vue项目目录结构 - 简书
Vue项目目录结构解析 - 简书
[vue学习]vue项目的文件和目录结构 - 简书
vue 文件目录结构详解_vue.js_脚本之家
深入理解Vue-cli搭建项目后的目录结构探秘_vue.js_脚本之家
vue项目开发基本目录结构 - 放晴的天空 - 博客园
vue-cli 工程目录结构介绍 详细介绍 - Ralapgao - 博客园
Vue入坑——vue-cli(脚手架)目录结构认识 - 铸剑为犁413的个人空间 - OSCHINA
Vue 入门之项目目录结构介绍-云栖社区-阿里云

Vue 与其他框架的对比

关于Vue和React的一些对比及个人思考(上) - 掘金
关于Vue和React的一些对比及个人思考(中) - 掘金
Vue有什么特性,相对于其他框架都有那些优势!
为什么说 Vue 的响应式更新比 React 快?(原理深度解析) - 掘金
Vue3 究竟好在哪里?(和 React Hook 的详细对比) - 掘金
Vue 在哪些方面比 React 做得更好?_前端大全-CSDN博客_比vue好

Vue 疑惑点

vue/state.js at dev · vuejs/vue
Plans for the Next Iteration of Vue.js – The Vue Point – Medium
Medium – a place to read and write big ideas and important stories
离职后才搞懂vue项目开发流程中的疑惑点 - 掘金
记第一个Vue项目台前幕后的经历 - 掘金
Vue一个案例引发的动态组件与全局事件绑定总结 - 掘金
Vue一个案例引发的递归组件的使用 - 掘金
Vue CLI 3.0脚手架如何在本地配置mock数据 - 掘金
React与Vue模板使用比较(一、vue模板与React JSX比较) - 掘金
【翻译】Vue.js 的注意事项与技巧 - 掘金
如何搭建一个功能复杂的前端配置化框架(一) - 掘金
vue 组件的三种使用方式教程 - 掘金
Vue.js 升级踩坑小记 - 掘金
Vue.js基础拾遗 - 掘金
巧用设计模式构建可配置Vue前端应用-活动页生成系统实践 - 掘金
Vue中的组件从初始化到挂载经历了什么 - 掘金
一个简洁、有趣的无限下拉方案 - 掘金
vue加scoped后无法修改样式(无法修改element UI 样式) - boy火巨的博客 - CSDN博客
Vue之数据对象_玉案轩窗的博客-CSDN博客
神奇的 ::v-deep_qiaoliang_123的博客-CSDN博客
Vue2.0的变化 - CSDN博客
Vue2.0使用总结中...... - CSDN博客
vue.js - Vue transition中v-leave状态求解惑 - SegmentFault 思否
vue中eventbus被多次触发(vue中使用eventbus踩过的坑) - 简书
腾讯工程师们怎么玩 Vue.js?
Vue中的Portal技术 | 大专栏
使用 Vue 2.0 实现服务端渲染的 HackerNews - 梦想天空(山边小溪) - 博客园
vue2.0有哪些变化 - 百年美 - 博客园
InfoQ
小茶语音版 | Vue.js渐进式JavaScript框架,真的很难
如何在Vue中动态添加类名
Vue 中如何让 input 聚焦?(包含视频讲解)
高级 Vue 技巧:控制父类的 slot
Vue 项目里戳中你痛点的问题及解决办法(更新) - 掘金
Vue vs. Svelte with Evan You and Rich Harris
🚩Vue源码——组件是如何注册和使用

Vue 悬浮球效果

Vue悬浮球效果 - 掘金

Vue 装饰器

在Vue中使用装饰器,我是认真的

引用图片

Handling Static Assets · GitBook
问题杂记-Vue组件中使用地址引入图片_a8725585的博客-CSDN博客
javascript - Vue组件里的图片路径问题 - SegmentFault 思否
Vue.js中引入图片路径的几种方式 - 个人文章 - SegmentFault 思否
Vue项目中img标签src的路径问题 - 简书
vue组件引入本地静态图片 - liyoungs的个人空间 - OSCHINA
vue项目使用static目录存放图片解决方案 - 前端panda - 博客园
vue-cil和webpack中本地静态图片的路径问题解决方案 - 萧了个晓 - 博客园
vue-cli3 图片路径_javascript_潇蓝诺依的博客-CSDN博客

作用域

vue 中4个级别的作用域 - 掘金
CSS 作用域 · vue-loader

修饰符

Vue修饰符集合 - 掘金

导入Excel

Vue+Element前端导入导出Excel - 前端技术 - SegmentFault 思否

重置data

(1条消息)Vue中重置data的数据为初始状态_JavaScript_第一行代码-CSDN博客
vue data恢复初始化数据的实现方法_vue.js_脚本之家

自动保存

「Vue表单自动保存功能」踩坑 - 掘金

公司倒闭 1 年了,而我当年的项目上了 GitHub 热榜 - 知乎
Vue超好玩的新特性:在CSS中使用JS变量

$JS libs、plugins&tools

$AI、AR、VR&多媒体

¥MimeType

rsdoiel/mimetype-js: A mime type catalog for mapping file extensions to their mime type string.

¥Music

amplitudejs

521dimensions/amplitudejs: Amplitude.js is the HTML5 Audio Player for the modern era. No dependencies required.
AmplitudeJS: The Open Source HTML5 Audio Player For The Modern Era

chrome-music-lab

googlecreativelab/chrome-music-lab: A collection of experiments for exploring how music works, all built with the Web Audio API.
https://musiclab.chromeexperiments.com

howler.js

howler.js - JavaScript audio library for the modern web

JZZ

jazz-soft/JZZ: MIDI library for Node.js and web-browsers

lyric-parser

ustbhuangyi/lyric-parser: lyric-parser base on javascript

quiet-js

quiet/quiet-js: Transmit data with sound using Web Audio -- Javascript binding for libquiet

slang

kylestetz/slang: 🎤 a simple audio programming language implemented in JS
slang.kylestetz.com

Tone.js

Tonejs/Tone.js: A Web Audio framework for making interactive music in the browser.
Tone.js

voix.js

Voix JS Component
pazguille/voix: A JavaScript library to add voice commands to your sites, apps or games.

WebAudio

cwilso/WebAudio: Web Audio API Playground
doving/webAudio: 利用webAudio,canvas,CSS3制作的自适应的音乐可视化应用,移动端、pc端通用
surikov/webaudiofont: Use full GM set of musical instruments to play MIDI and single sounds or effects. Support for reverberation and equaliser. No plugins, no Flash. Pure HTML5 implementation compatible with desktop and mobile browser. See live examples.
jeromeetienne/webaudiox: helpers for WebAudio API
notthetup/awesome-webaudio: A curated list of awesome WebAudio packages and resources.
g200kg/webaudio-controls: GUI parts library for Web application using WebComponents
jhalme/webaudio-mod-player: MOD/S3M/XM module player for Web Audio
Jam3/web-audio-player: a cross-browser WebAudio player
jeromeetienne/webaudio.js: web audio library for games
spite/WebAudioExtension: Google Chrome DevTools extension to view and hopefully interact with the routing graph of Web Audio API

基于 Web 的数字音频工作站

音视频技术从零开始-音频基础

¥RSS

RSSHub

DIYgod/RSSHub: 🍰 万物皆可 RSS

¥Video

¥H5播放器

chimee

Chimeejs/chimee: a video player framework aims to bring wonderful experience on browser
Chimee - 可扩展的组件化H5播放器框架

covervid

stefanerickson/covervid: Make your HTML5 video behave like a background cover image with this lightweight Javascript plugin / jQuery extension

flv.js

Bilibili/flv.js: HTML5 FLV Player

MoePlayer

MoePlayer/APlayer: Wow, such a beautiful HTML5 music player
MoePlayer/DPlayer: Wow, such a lovely HTML5 danmaku video player

video.js

videojs/video.js: Video.js - open source HTML5 & Flash video player
spchuang/videojs-markers: Displays customizable markers upon progress bars of videojs players
videojs/videojs-contrib-hls: HLS library for video.js
videojs/video-js-swf: Custom Flash Player for VideoJS
videojs/videojs-flash: The Flash tech for video.js
Video.js: The Player Framework
(2条消息) videojs中文文档详解_谢泽的网络日志-CSDN博客_videojs

¥video processing library

FFCreator

tnfe/FFCreator: 一个基于node.js的高速短视频加工库 A fast short video processing library based on node.js

FFmpeg

ffmpeg.zeranoe.com
初探视频原理和FFmpeg

hls.js

video-dev/hls.js: JavaScript HLS client using Media Source Extension

vime

vime-js/vime: Customizable, extensible, accessible and framework agnostic media player. Modern alternative to Video.js and Plyr. Supports HTML5, HLS, Dash, YouTube, Vimeo, Dailymotion...

xgplayer

bytedance/xgplayer: A Web video player with a parser that saves traffic
西瓜播放器

「1.4万字」玩转前端 Video 播放器 | 多图预警
(1条消息)JS获取video真实宽高_JavaScript_weixin_33690963的博客-CSDN博客

¥人工智能(Artificial Intelligence,AI)

《前端代码是怎样智能生成的》

前端代码是怎样智能生成的-智能插件篇 - 掘金
前端代码是怎样智能生成的-组件识别篇 - 掘金
前端代码是怎样智能生成的-表单表格专项识别篇 - 掘金
前端代码是怎样智能生成的-业务模块识别篇 - 掘金
前端代码是怎样智能生成的-布局算法篇 - 掘金
前端代码是怎样智能生成的-图像分离篇 - 掘金
前端代码是怎样智能生成的 - 语义化篇 - 掘金
前端代码是怎样智能生成的 - 字段绑定篇 - 掘金
前端代码是怎样智能生成的-业务逻辑智能生成篇 - 掘金
前端代码是怎样智能生成的? - 掘金

ai-edu

microsoft/ai-edu: AI education materials for Chinese students, teachers and IT professionals.

AMAI

i.am.ai | AI Use Cases, Roadmaps, Newsletter
AI Expert Roadmap
AMAI GmbH
AMAI-GmbH/AI-Expert-Roadmap: Roadmap to becoming an Artificial Intelligence Expert in 2021

pipcook

alibaba/pipcook: 基于 tfjs-node 的前端算法工程框架 front-end algorithm engineer platform based on tfjs-node

Tensorflow.js

Tensorflow.js core

tensorflow/tfjs-core: WebGL-accelerated ML // linear algebra // automatic differentiation for JavaScript.
xitu/tensorflow-docs: TensorFlow 最新官方文档中文版 V1.10
TensorFlow.js
开始

Tensorflow.js libs、plugins&tools

alexa-sign-language-translator

shekit/alexa-sign-language-translator: A project to make Amazon Echo respond to sign language using your webcam

face-api.js

justadudewhohacks/face-api.js: JavaScript API for face detection and face recognition in the browser with tensorflow.js

Magenta.js

magenta/magenta-js: Magenta.js: Music and Art Generation with Machine Learning in the browser

Tensorflow.js 资源、整理集&FAQ

前端入门机器学习 Tensorflow.js 简明教程

Ncnn_FaceTrack: 开源视频人脸跟踪算法,基于mtcnn人脸检测+onet人脸跟踪,在i7-9700k的cpu检测速度可高达250fps
自美人工智能系统: 铜陵科艺创想科技有限公司开发的自美人工智能系统是由Python、微信小程序、百度人工智能语音接口、讯飞语音唤醒、腾讯机器人对话系统、MQTT、HTML5、ESP8266模组打造的可基
前端智能化—思维转变之路 - 掘金
智能生成代码 - 使用深度学习识别 UI 界面组件 - 掘金
DeepDelta:一种通过深度学习自动修复编译错误的方法 - 掘金
智能生成前端代码的信息输入思考 - 掘金
[译]AI如何助力前端开发? - 掘金
怎样基于 tfjs-node 构建一个高阶前端机器学习框架 - 掘金
pipcook - 让前端拥抱智能化的一站式算法框架 - 掘金
前端生产方式:过去 10 年回顾和未来 10 年展望 - 掘金
数据分析的人工智能画板—马良
双 11 模块 79.34% 的代码是怎样智能生成的?
1 秒钟黑科技渲染页面,淘宝是如何做到的?
Bigjpg - AI人工智能图片无损放大 - 使用人工智能深度卷积神经网络(CNN)无损放大图片

¥增强现实(Augmented Reality, AR)

AR.js

jeromeetienne/AR.js: Efficient Augmented Reality for the Web - 60fps on mobile!
AR用AR.js做一個讓另對方 喔喔喔喔! 的小卡片吧! - 髒桶子~ - Medium

Web vs App (AR 版本)

¥介导现实(Mediated Reality, MR)

¥虚拟现实(Virtual Reality, VR)

aframe

aframevr/aframe: web framework for building virtual reality experiences.
A-Frame – Make WebVR

GeekLiB/Lee-VR-Source: VR developers necessary resources(VR 开发者必备资源汇总)
Web vs App (AR edition). Given the latest advancements in web… | by Hermes | Agora.io | Medium
走进网页虚拟现实WebVR - 掘金

¥机器学习&深度学习(Machine Learning,ML&Deep Learning,DL)

#机器学习&深度学习--GitHub

machine-learning-yearning-cn

deeplearning-ai/machine-learning-yearning-cn: Machine Learning Yearning 中文版 - 《机器学习训练秘籍》 - Andrew Ng 著
amusi/machine-learning-yearning-cn: 吴恩达《Machine Learning Yearning》的中英文版(更新中):第1~第22章

ml5js

ml5js/ml5-library: Friendly machine learning for the web! 🤖
ml5js · Friendly Machine Learning For The Web.

alibaba/Alink: Alink is the Machine Learning algorithm platform based on Flink, developed by the PAI team of Alibaba computing platform.
alibaba/MNN: MNN is a blazing fast, lightweight deep learning framework, battle-tested by business-critical use cases in Alibaba
fengdu78/Coursera-ML-AndrewNg-Notes: 吴恩达老师的机器学习课程个人笔记
guess-js/guess: Libraries & tools for enabling Machine Learning driven user-experiences on the web
fengdu78/deeplearning_ai_books: deeplearning.ai(吴恩达老师的深度学习课程笔记及资源)
imhuay/Algorithm_Interview_Notes-Chinese: 2018/2019/校招/春招/秋招/算法/机器学习(Machine Learning)/深度学习(Deep Learning)/自然语言处理(NLP)/C/C++/Python/面试笔记
uber/manifold: A model-agnostic visual debugging tool for machine learning
daicoolb/RecommenderSystem-Paper: This repository includes some papers that I have read or which I think may be very interesting.
apache/predictionio: PredictionIO, a machine learning server for developers and ML engineers. Built on Apache Spark, HBase and Spray.
rwaldron/johnny-five: JavaScript Robotics and IoT programming framework, developed at Bocoup.
TommyLemon/APIAuto: ☔机器学习测试、自动生成代码、自动静态检查、自动生成文档与注释等,做最先进的接口管理工具。☔The most advanced API management tool. Testing with machine learning, generating codes, static an
algorithm-visualizer/algorithm-visualizer: Interactive Online Platform that Visualizes Algorithms from Code

#机器学习&深度学习--Gitee

Paddle: PaddlePaddle (PArallel Distributed Deep LEarning 并行分布式深度学习)是百度研发的深度学习平台,具有易用,高效,灵活和可伸缩等特点,为百度内部多项产品提供深度学习算法支持
nnom: NNoM是一个专门为了神经网络在 MCU 上运行的框架。 NNoM 是一个定点神经网络库, 现在支持 8-bit定点格式
UnitAuto: 机器学习自动化单元测试平台,零代码、全方位、自动化 测试 方法/函数 的正确性和可用性
openrobot: 采用主从结构,以类人机器人xshadower为示例的通用开源机器人系统,非ROS,操控真实机器人,无仿真环境。 本系统采用makefile整合platformIO CLI为开发环境,整合主从代码统一管理。方便

#机器学习&深度学习--CSDN

呆呆的猫的博客_CSDN博客-python学习笔记,目标检测专题,Tensorflow入门领域博主

#机器学习&深度学习--简书

#机器学习&深度学习--博客园

#机器学习&深度学习--知乎

随机森林简单总结 - 知乎
三种决策树的回归原理(ID3, C4.5, CART) - 知乎
一-----决策树的ID3、C4.5、CART算法 - 知乎
决策树的进化史 - 知乎
极简机器学习 | 用决策树拯救单身狗 - 知乎
从决策树到随机森林理论篇从人话到鬼话:看不懂来找我麻烦 - 知乎
【机器学习】决策树(中)——Random Forest、Adaboost、GBDT (非常详细) - 知乎
决策树(Decision Tree):通俗易懂之介绍 - 知乎
深入浅出机器学习算法:决策树引论和CART算法 - 知乎

#机器学习&深度学习--哔哩哔哩

Tree Based Algorithms : A Complete Tutorial from Scratch (in R & Python)
机器学习算法的基本知识(使用Python和R代码) | yanqiangmiffy
Machine Learning in Static Code Analysis | Hacker Noon

¥分享

share.js

overtrue/share.js: 一键分享到微博、QQ空间、QQ好友、微信、腾讯微博、豆瓣、Facebook、Twitter、Linkedin、Google+、点点等

$API

¥API 兼容性

¥ES兼容

¥ES兼容 core

mdn-polyfills

msn0/mdn-polyfills: MDN polyfills - from, forEach, filter, find, findIndex, assign, includes, create, entries, of, repeat, startsWith, endsWith, toggleAttribute, bind, MouseEvent, CustomEvent, padEnd, padStart
Polyfills copy-pasted from MDN | Check Polyfills copy-pasted from MDN

@babel/polyfill 与 @babel/plugin-transform-runtime 详解 · Issue #4 · Weiyu-Chen/blog
Show me the code,babel 7 最佳实践! · Issue #5 · Weiyu-Chen/blog
@babel/preset-env · Babel

¥ES兼容 polyfill

ambit-tsai/es6-proxy-polyfill: Proxy polyfill based on ES3 supports IE8, Node.js, etc.
es-shims/es5-shim: ECMAScript 5 compatibility shims for legacy (and modern) JavaScript engines
paulmillr/es6-shim: ECMAScript 6 compatibility shims for legacy JavaScript engines
sophiebits/es3ify: Browserify transform to convert ES5 syntax to be ES3-compatible.
benlesh/symbol-observable: Symbol.observable ponyfill
taylorhakes/promise-polyfill: Lightweight ES6 Promise polyfill for the browser and node. A+ Compliant
GoogleChrome/proxy-polyfill: Proxy object polyfill
mozilla/webextension-polyfill: A lightweight polyfill library for Promise-based WebExtension APIs in Chrome
ModuleLoader/es-module-loader: Polyfill for the ES Module Loader
constancecchen/object-fit-polyfill: A Javascript polyfill for browsers that don't support the object-fit CSS property.
lahmatiy/es6-promise-polyfill: ES6 Promise polyfill
slightlyoff/Promises: DOM Promises IDL/polyfill
kpdecker/six-speed: ES6 polyfill vs. feature performance tests
medikoo/es6-symbol: ECMAScript 6 Symbol polyfill
getify/native-promise-only: A polyfill for native ES6 Promises as close as possible (no extensions) to the strict spec definitions.
matthewp/script-type-module: A <script type=module> polyfill
fhinkel/six-speed: ES6 polyfill vs. feature performance tests
teropa/to-sting: Object.toSting() polyfill
othiym23/async-listener: polyfill version of the 0.11 version of the asyncListener API
caridy/es6-micro-loader: ES6 System Loader Polyfill
WebReflection/import.js: A dynamic import() polyfill
sindresorhus/object-assign: ES2015 Object.assign() ponyfill
mathiasbynens/String.prototype.startsWith: A robust & optimized ES3-compatible polyfill for the `String.prototype.startsWith` method in ECMAScript 6.
janantala/speech-synthesis: Speech Synthesis polyfill
cujojs/poly: Small, fast, awesome. The only ES5-ish set of polyfills (shims) you can mix-and-match because they're individual modules.

¥Node.js兼容

Financial-Times/polyfill-library: NodeJS module to create polyfill bundles tailored to individual user-agents.
Financial-Times/polyfill-library-node: An alternative to core-js for nodeJS environments
Financial-Times/polyfill-service-url-builder
ljharb/util.promisify: Polyfill/shim for util.promisify in node versions < v8
Financial-Times/polyfill-library

¥浏览器兼容

¥浏览器兼容 core

¥渐进增强

Progressive Enhancement: What It Is, And How To Use It? — Smashing Magazine

HTML5 Cross Browser Polyfills · Modernizr/Modernizr Wiki

¥浏览器兼容 libs、plugins、polyfills、tools

¥polyfills

#other polyfills

paulmillr/console-polyfill: Browser console methods polyfill.
RubyLouvre/fetch-polyfill: fetch polyfill which supports all mainstream browsers, even IE6, IE7, IE8.....
aFarkas/html5shiv: This script is the defacto way to enable use of HTML5 sectioning elements in legacy Internet Explorer.
paulirish/matchMedia.js: matchMedia polyfill for testing media queries in JS
scottjehl/Respond: A fast & lightweight polyfill for min/max-width CSS3 Media Queries (for IE 6-8, and more)
philipwalton/polyfill: A library to make creating CSS polyfills much easier.
GoogleChrome/dialog-polyfill: Polyfill for the HTML dialog element
wilddeer/stickyfill: Polyfill for CSS `position: sticky`
Schepp/CSS-Filters-Polyfill: This polyfill takes the official CSS filters syntax and translates it to the different equivalent techniques that the browsers know for those effects
kmewhort/pointer_events_polyfill: Polyfill to provide support for "pointer-events: none".
ginader/HTML5-placeholder-polyfill: Small and robust polyfill for the HTML5 placeholder attribut.
mozilla/webxr-polyfill: A polyfill and example code for building augmented reality (AR) and virtual reality (VR) applications using WebXR.
borismus/srcset-polyfill: [Warning: not for production code]
ckrack/scrollsnap-polyfill: A polyfill for CSS scroll snapping
adobe-webplatform/css-shapes-polyfill: Polyfill for the CSS Shapes Specification
GoogleChromeLabs/tti-polyfill: Time-to-interactive polyfill
google/canvas-5-polyfill: HTML 5 Canvas Polyfill
jimmywarting/FormData: HTML5 `FormData` polyfill for Browsers.
darius/requestAnimationFrame: Polyfill for requestAnimationFrame/cancelAnimationFrame
jugglinmike/srcdoc-polyfill: A shim for the iFrame "srcdoc" attribute
progers/pathseg: SVGPathSeg polyfill
matthewp/position--sticky-: Polyfill for position: sticky;
FremyCompany/css-regions-polyfill: A javascript implementation of the CSS Regions specification, as of August 2013
nicjansma/usertiming.js: UserTiming polyfill
GoogleChrome/inert-polyfill: Polyfill for the HTML inert attribute
jonathantneal/EventListener: EventListener Polyfill for IE
PM5544/scoped-polyfill: Vanilla JavaScript polyfill for scoped style in HTML5, also works with jQuery if you want to.
googlearchive/HTMLImports: Polyfill implementing the HTMLImports specification
immersive-web/webxr-polyfill: Use the WebXR Device API today, providing fallbacks to native WebVR 1.1 and Cardboard
Fyrd/purejs-datalist-polyfill: A pure JS (no jQuery required) implementation of the HTML5 datalist element
TimPietrusky/background-clip-text-polyfill: A SVG polyfill for -webkit-background-clip: text
javan/details-element-polyfill: <details>
mo/abortcontroller-polyfill: Polyfill for the AbortController DOM API and abortable fetch (stub that calls catch, doesn't actually abort request).
EventSource/eventsource: EventSource client for Node.js and Browser (polyfill)
facebookarchive/IndexedDB-polyfill: IndexedDB polyfill (via Web SQL Database)
WICG/inert: Polyfill for the inert attribute and property.
krambuhl/custom-event-polyfill: Polyfill for creating CustomEvents on IE9/10/11 if native implementation is missing.
ngx-translate/i18n-polyfill: A speculative polyfill to support i18n code translations in Angular
bramstein/fontloader: A fontloader polyfill
tysonmatanich/elementQuery: An element query polyfill you can use today.
closingtag/calc-polyfill: A Polyfill for CSS3 calc()
jonathantneal/fitie: An object-fit polyfill for Internet Explorer
googlearchive/platform: Integrate platform polyfills: load, build, test
ftlabs/ftcolumnflow: A polyfill that fixes the inadequacies of CSS column layouts
webcomponents/html-imports: HTML Imports polyfill
jquery/PEP: Pointer Events Polyfill: a unified event system for the web platform
filamentgroup/Overthrow: A tiny, no-frills, framework-independent, targeted overflow: auto polyfill for use in responsive design.
aFarkas/requestIdleCallback: A requestIdleCallback shim/polyfill
WebReflection/document-register-element: A stand-alone working lightweight version of the W3C Custom Elements specification
dumbmatter/fakeIndexedDB: A pure JS in-memory implementation of the IndexedDB API
aFarkas/respimage: respimage is a responsive images polyfill, that loads your images fast and responsibly
doctyper/reflexie: A grown-up polyfill for a grown-up flexbox.
jonstipe/color-polyfill: A polyfill for implementing the HTML5 <input type="color"> element in browsers that do not currently support it.
filamentgroup/snapper: A CSS Snap-Points based carousel (and lightweight polyfill)
tomdale/ember-network: Universal fetch() polyfill (FastBoot and browser) for Ember apps
tbosch/autofill-event: A polyfill to fire a change event when the browser auto fills form fields
Rob--W/chrome-api: Polyfills, libraries and patches to aid Chrome extension developers.
boyofgreen/ManUp.js: ManUp.js is a polyfill to support the Manifest for Web Apps
medikoo/next-tick: Environment agnostic nextTick polyfill
deltakosh/handjs: Hand.js is a polyfill for supporting pointer events on every browser
weblinc/media-match: Test css media queries in javascript. A faster polyfill for matchMedia support. Follow the project on Twitter @mediamatchjs.
developit/task-worklet: Task Worklet: explainer, polyfill and demos.
freqdec/fd-slider: An Unobtrusive Accessible Slider script that can also be used as an HTML5 Input Range polyfill solution
Stryzhevskyi/rangeSlider: Simple, small and fast vanilla JavaScript polyfill for the HTML5 `<input type="range">` slider element.
amvtek/EventSource: Provide polyfill to support EventSource in browser where it is not available
mortzdk/localStorage: A localStorage polyfill, that enables persistent storage of data in every browser.
alekseykulikov/touch-action: Disable 300ms delay on mobile using CSS touch-action or asynchronously download FastClick as polyfill
DieterHolvoet/event-propagation-path: Polyfill for the JavaScript Event path/composedPath property
aFarkas/webshim: [DEPRECATED] Webshims Lib is a modular capability-based polyfill-loading library
current-script-polyfill - npm
The Story of the HTML5 Shiv - Paul Irish
html5shiv.js和respond.min.js - 自_定义 - 博客园

audio-recorder-polyfill

ai/audio-recorder-polyfill: MediaRecorder polyfill to record audio in Edge and Safari
Media Recorder Polyfill

AdapterJS

Temasys/AdapterJS: AdapterJS Javascript Polyfill and Tools for WebRTC - Skylink WebRTC
SkylinkJS Web SDK » Temasys.io

audioworklet-polyfill

GoogleChromeLabs/audioworklet-polyfill: 🔊 Polyfill AudioWorklet using the legacy ScriptProcessor API.
https://googlechromelabs.github.io/audioworklet-polyfill/

better-dateinput-polyfill

chemerisuk/better-dateinput-polyfill: input[type=date] polyfill for better-dom
better-dateinput-polyfill demo

background-size-polyfill

louisremi/background-size-polyfill: Adds support for background-size "cover" and "contain" to IE8
Stretch background image using CSS3 background-size, in IE8 too.

cssSandpaper

zoltan-dulac/cssSandpaper: a CSS3 Polyfill that implements CSS3 transforms, box-shadow, gradients, opacity and RGBA/HSL/HSLA colours in browser that don't support them.
cssSandpaper – a CSS3 JavaScript Library

classList.js

eligrey/classList.js: Cross-browser element.classList

Captionator

cgiffard/Captionator: HTML5 polyfill for closed captioning with the <track> element, and implements the WHATWG Timed Text Track specification.
Captionator.js

CSS.escape

mathiasbynens/CSS.escape: A robust polyfill for the CSS.escape utility method as defined in CSSOM.

CSS3.js

gucong3000/CSS3.js: CSS3 polyfill
Css3.js by gucong3000

custom-elements

webcomponents/custom-elements: A polyfill for HTML Custom Elements v1
Polyfills - webcomponents.org

css3-mediaqueries-js

livingston/css3-mediaqueries-js: CSS3 Media Queries Shim
Google Code Archive - Long-term storage for Google Code Project Hosting.

css-paint-polyfill

GoogleChromeLabs/css-paint-polyfill: A polyfill for the CSS Paint API, with special browser optimizations.
https://googlechromelabs.github.io/css-paint-polyfill/

CustomElements

googlearchive/CustomElements: Custom Elements Polyfill
Custom Elements

css-regions-polyfill

adobe-webplatform/css-regions-polyfill: Experimental CSS Regions polyfill written in JavaScript
CSS Regions JavaScript Polyfill

css-variables-polyfill

aaronbarker/css-variables-polyfill: A basic polyfill for CSS Variables/custom-properties

core-estimator

oftn-oswg/core-estimator: Cross-browser polyfill for navigator.hardwareConcurrency
navigator.hardwareConcurrency polyfill

clipboard-polyfill

lgarron/clipboard-polyfill: Sane copying on the web, with maximum browser compatibility.
clipboard-polyfill/Conclusions.md at master · lgarron/clipboard-polyfill
clipboard-polyfill

document.scrollingElement

mathiasbynens/document.scrollingElement: A polyfill for document.scrollingElement as defined in the CSSOM specification.

datalist-polyfill

mfranzke/datalist-polyfill: Minimal and dependency-free vanilla JavaScript polyfill for the awesome datalist-functionality
datalist polyfill demo

flexibility

jonathantneal/flexibility: A JavaScript polyfill for Flexbox
Flexibility

focus-visible

WICG/focus-visible: Polyfill for `:focus-visible`
focus-visible class demo

gray

karlhorky/gray: Make an image grayscale in all browsers
Gray

Geolocation-API-Polyfill

manuelbieh/Geolocation-API-Polyfill: This library provides a consistent Geolocation API for miscellaneous web browsers and also acts as polyfill. It only supports Javascript in a web browser and is not tested and will maybe not work for use in Titanium, P
Hello! – Manuel Bieh – Freelance Developer. JavaScript. React. Node.js

html5slider

fryn/html5slider: <input type=range> polyfill for Firefox
html5slider: <input type=range> for Firefox

HTML5-Progress-polyfill

LeaVerou/HTML5-Progress-polyfill: Polyfill for the HTML5 <progress> element
HTML5 <progress> polyfill by Lea Verou

hidpi-canvas-polyfill

jondavidjohn/hidpi-canvas-polyfill: A JavaScript drop-in module to polyfill consistent and automatic HiDPI Canvas support.
HiDPI Canvas Polyfill by jondavidjohn

iphone-inline-video

bfred-it/iphone-inline-video: 📱 Make videos playable inline on the iPhone (prevents automatic fullscreen)
iphone-inline-video - npm

imagecapture-polyfill

GoogleChromeLabs/imagecapture-polyfill: MediaStream ImageCapture polyfill. Take photos from the browser as easy as .takePhoto().then(processPhoto)
MediaStream ImageCapture polyfill demo

jquery.backgroundSize.js

louisremi/jquery.backgroundSize.js: DEPRECATED, please use its successor: background-size polyfill

jquery-details

mathiasbynens/jquery-details: World’s first <details>/<summary> polyfill™
Bulletproof HTML5 <details> fallback using jQuery · Mathias Bynens

keyboardevent-key-polyfill

cvan/keyboardevent-key-polyfill: polyfill for `KeyboardEvent.prototype.key`
keyboardevent-key-polyfill demo

local-storage-js

wojodesign/local-storage-js: Cross Browser HTML5 Local Storage Polyfill
Full Service Web Agency | Wojo Design | Wojo Design

multirange

LeaVerou/multirange: A tiny polyfill for HTML5 multi-handle sliders
Multirange: A tiny polyfill for HTML5 multi-handle sliders.

mdl-stepper

ahlechandre/mdl-stepper: A library that implements to the Material Design Lite a polyfill of stepper component specified by Material Design.
MDL Stepper

myth

segmentio/myth: A CSS preprocessor that acts like a polyfill for future versions of the spec.
Myth - CSS the way it was imagined.

Navigator.sendBeacon

miguelmota/Navigator.sendBeacon: Polyfill for Navigator.sendBeacon()

notification.js

MrSwitch/notification.js: A shim polyfill for adding notifications to browsers which offer limited support
notification.js

nodep-date-input-polyfill

brianblakely/nodep-date-input-polyfill: Automatically adds datepickers to input[type=date] on IE, macOS Safari, and legacy browsers.
nodep-date-input-polyfill - npm

number-polyfill

jonstipe/number-polyfill: A polyfill for implementing the HTML5 <input type="number"> element in browsers that do not currently support it.

object-fit-images

bfred-it/object-fit-images: 🗻 Polyfill object-fit/object-position on <img>: IE9, IE10, IE11, Edge, Safari, ...
object-fit-images - npm

Placeholders.js

jamesallardice/Placeholders.js: A JavaScript polyfill for the HTML5 placeholder attribute
Placeholders.js - An HTML5 placeholder attribute polyfill

polyfill-service

Financial-Times/polyfill-service: Automatic polyfill service.
Polyfill.io

picturePolyfill

verlok/picturePolyfill: Real picture tag polyfill, to use responsive images today!
Responsive images using verlok/picturePolyfill - by Andrea Verlicchi

rangeslider.js

andreruffert/rangeslider.js: 🎚 HTML5 input range slider element polyfill
rangeslider.js

REM-unit-polyfill

chuckcarpenter/REM-unit-polyfill: A polyfill to parse CSS links and rewrite pixel equivalents into head for non supporting browsers
Rem-unit-polyfill by chuckcarpenter

stickybits

dollarshaveclub/stickybits: Stickybits is a lightweight alternative to `position: sticky` polyfills 🍬
Stickybits

smoothscroll

iamdustan/smoothscroll: Scroll Behavior polyfill
Smooth Scroll behavior polyfill

showModalDialog

niutech/showModalDialog: window.showModalDialog polyfill using a <dialog> element
showModalDialog polyfill demo

scroll-into-view-if-needed

stipsan/scroll-into-view-if-needed: Element.scrollIntoView ponyfills for things like "if-needed" and "smooth"
Ponyfill for upcoming Element.scrollIntoView() APIs like scrollMode: if-needed, behavior: smooth and block: center

undom

developit/undom: 🍩 1kb minimally viable DOM Document implementation
undom - npm

vminpoly

saabi/vminpoly: A polyfill for CSS units vw, vh & vmin and now some media queries to boot. Works in IE5.5 and Opera Mini
Sophisticated vw, vh & vmin example

Web-Components-Polyfill

dglazkov/Web-Components-Polyfill: IMPORTANT: Use http://polymer-project.org/ instead. Their stuff is better.

webvr-polyfill

immersive-web/webvr-polyfill: Use WebVR today, without requiring a special browser build.
WebVR Polyfill Demo

webcomponentsjs

webcomponents/webcomponentsjs: A suite of polyfills supporting the HTML Web Components specs
Polyfills - webcomponents.org

Financial Times

¥tools

autopolyfiller

azproduction/autopolyfiller: Autopolyfiller — Precise polyfills. This is like Autoprefixer, but for JavaScript polyfills.
Autopolyfiller — Precise polyfills

f2etest

alibaba/f2etest: F2etest是一个面向前端、测试、产品等岗位的多浏览器兼容性测试整体解决方案。
F2etest | F2etest是一个面向前端、测试、产品等岗位的多浏览器兼容性测试整体解决方案。

kangax/compat-table: ECMAScript 5/6/7 compatibility tables
Kilian/electron-to-chromium: Provides a list of electron-to-chromium version mappings
Can I use... Support tables for HTML5, CSS3, etc
ECMAScript 5 compatibility table
W3Help - 兼容性 - 根本原因

¥浏览器兼容 资源、整理集&FAQ

¥CSS

[译] 浏览器中 CSS 支持指南 - 掘金

¥HTML5 测试

HTML5test - How well does your browser support HTML5?
HTML5test - How well does your browser support HTML5?
sitevalidator.com

¥IE测试工具

olivernn/augment.js: Modern JavaScript in your IE
gtakat/modern-ie-automate: modern.ie auto launch script
hnakamur/modern.ie.virtualbox.scripts: setup and start modern.ie virtual machines
rodrigocorral/modern.ie-ie-plugin
carloszapata/modern.IE-static-code-scan
azl397985856/file-writer: fileWriter tool base on web browser by using HTML5 interface(download attr), support mostly modern browser including IE 10+
charsleysa/zero: Zero began as a fork of Zepto but its inner workings have changed to be compatible with all modern browsers including IE with performance improvements.
markhuber/modern-ie-vagrant: Vagrant based Modern.IE VMs
suderman/modernizr-ie: Modernizr tests to check the version of Internet Explorer
Augment.js - Modern JavaScript
window.location在IE中路径问题 - cuiyaoqiang的博客 - CSDN博客
IE11的userAgent - 开心就好的专栏 - CSDN博客
IE11 修改默认User-Agent方法 - . - CSDN博客
windows10下的浏览器userAgent - penwa的博客 - CSDN博客
UA对照表 - 纸上得来终觉浅 - CSDN博客
IE与其他浏览器的区别 - a464064368的博客 - CSDN博客
IE 浏览器各个版本 JavaScript 支持情况一览表 - 梦想天空(山边小溪) - 博客园
IE10、IE11 User-Agent 网站无法写入Cookie 问题[转] - 偷偷有码 - 博客园
判断IE版本的HTML语句详解,如:[if lte IE 9]……[endif]_网页制作_西部e网

¥js事件与功能

JS事件那些事儿 一次整明白 - 掘金
初识onkeydown及其兼容性问题 - 极客神殿 - CSDN博客
jQuery.event兼容各浏览器的event详细解析 - u012028371的博客 - CSDN博客
关于event 和 window.event问题及浏览器兼容问题 - ryelqy的博客 - CSDN博客
e = e || window.event的区别及用法。 - qq_41348029的博客 - CSDN博客
event的IE兼容性处理 - 碎语1992 - CSDN博客
Javascript中target事件属性,事件的目标节点的获取。 - dearxiangxiao - 博客园
JS获取事件的目标 - e.e.p - 博客园
javascript事件与功能说明大全 - 常用参考表对照表 - 脚本之家在线工具
window.onbeforeunload,浏览器关闭提示,兼容IE、FF、Chrome - 陕北好地方 - ITeye博客

chrome弹窗在双屏情况下left居中定位异常分析 - 掘金
浏览器兼容性问题解决方案 · 总结 - 掘金
ie不兼容的几个js问题及解决办法 - CSDN博客
兼容多浏览器的本地存储 - 蒋倩兰——蕙质兰心 - CSDN博客
一行代码轻松搞定各种IE兼容问题,IE6,IE7,IE8,IE9,IE10 - 小诺 - CSDN博客
HTML 5 标签、属性、事件及浏览器兼容性速查表 - 梦想天空(山边小溪) - 博客园
五大主流浏览器 CSS3 和 HTML5 兼容性大比拼 - 梦想天空(山边小溪) - 博客园
各主流浏览器之间的兼容性-JS篇 - 郝高胜 - 博客园
12款很棒的浏览器兼容性测试工具推荐 - 梦想天空(山边小溪) - 博客园
常用原生JS兼容性写法汇总 - 待繁华落尽 - 博客园
关于Chrome浏览器document.body.scrollTop一直为0的问题-好记的博客
兼容所有浏览器的设为首页收藏本站js代码_网页特效_进阶教程_ecshop教程_知识堂_ECSHOP模板堂

Can I use...

Fyrd/caniuse: Raw browser/feature support data from caniuse.com
Can I use... Support tables for HTML5, CSS3, etc

remy/polyfills: Collection of polyfills that I've written
sindresorhus/ponyfill: 🦄 Like polyfill but with pony pureness
Polyfill 方案的过去、现在和未来 · Issue #80 · sorrycc/blog

¥API/技术文档生成、管理

#RESTful

r-spacex/SpaceX-API: Open Source REST API for rocket, core, capsule, pad, and launch data
SvenEV/WinSwag: A UWP app for loading Swagger definitions and exploring REST APIs
r/SpaceX API Docs
/
理解RESTful架构 - 阮一峰的网络日志

#Swagger

Swagger
中文文档 · Sayi/swagger-diff Wiki
Sayi (卅一)
chfree/think-swagger-ui-vuele: swagger ui vuele
fsbahman/apidoc-swagger: apidoc and swagger are two nice projects which are focusing on documentation of APIs. This project is a middle tier which tries to bring them together in a sense that it uses apidoc to convert inline documentation to json schema and later convert it to swagger json schmea.
swagger-api/swagger-codegen: swagger-codegen contains a template-driven engine to generate documentation, API clients and server stubs in different languages by parsing your OpenAPI / Swagger definition.
APIDevTools/swagger-parser: Swagger 2.0 and OpenAPI 3.0 parser/validator
APIDevTools/swagger-cli: Swagger 2.0 and OpenAPI 3.0 command-line tool
ardoq/ardoq-swagger-addon: Import Swagger api documentation to Ardoq
fsprojects/SwaggerProvider: F# generative Type Provider for Swagger
IG-Group/swagger-search: An application that collects and indexes swagger docs from your microservices architecture
subeeshcbabu/swagvali: Module to build validators for Swagger(OpenApi) Request parameters and Response objects.
darklynx/swagger-api-collection: My collection of RESTful API descriptions in Swagger format
The Best APIs are Built with Swagger Tools | Swagger
Hosted & Interactive API Documentation | SwaggerHub | Swagger
Swagger中文配置 - u010046887的专栏 - CSDN博客
Swagger-强大的API文档工具 - 简书
Swagger:Rest API的描述语言 - 知乎
Swagger入门教程 - JoiT - 博客园
特别好用的swagger ui 封装 - huanshare - 博客园
使用swagger作为restful api的doc文档生成 - 朝雨忆轻尘 - 博客园
使用 SwaggerUI 创建 Golang API 文档 - Go语言中文网 - Golang中文社区
使用 Swagger 文档化和定义 RESTful API

apizza

apizza - 极客专属的api管理工具
HuaFEEng - apizza

api-mocker

DXY-F2E/api-mocker: Api Mocker is more of an api management system than a mocker 原网站 http://api-mocker.com/ 从2019年11月起已经不再维护。http://api-mocker.com/的一切行为与我们组织无关。

APIJSON

Tencent/APIJSON: 🏆码云最有价值开源项目 🚀后端接口和文档自动化,前端(客户端) 定制返回 JSON 的数据和结构!🏆Gitee Most Valuable Project 🚀A JSON Transmission Protocol and an ORM Library for automatically providing APIs and Docs.

CrapApi

开源API接口管理系统-CrapApi

DOClever

sx1989827/DOClever: 做最好的接口管理平台

feathers

feathersjs/feathers: A REST and real-time API layer for Node.js, React Native and the browser.
Feathers | A REST and real-time API layer for Node.js, React Native and the browser.

jsonstore

bluzi/jsonstore: jsonstore offers a free and secured JSON-based cloud datastore for small projects
jsonstore.io / Store your data just by sending us HTTP Requests

rapid.js

rapidjs/rapid.js: An ORM-like Interface and a Router For Your API Requests

RAP

thx/rap2-delos: 阿里妈妈前端团队出品的开源接口管理工具RAP第二代
thx/RAP: Web接口管理工具,开源免费,接口自动化,MOCK数据自动生成,自动化测试,企业级管理。阿里妈妈MUX团队出品!阿里巴巴都在用!1000+公司的选择!RAP2已发布请移步至https://github.com/thx/rap
欢迎使用RAP
RAP2
教你使用docker部署淘宝rap2服务 - 糊糊糊糊糊了 - 博客园

redoc

Redocly/redoc: 📘 OpenAPI/Swagger-generated API Reference Documentation

showdoc

star7th/showdoc: ShowDoc is a tool greatly applicable for an IT team to share documents online一个非常适合IT团队的在线API文档、技术文档工具

tua-api

tuateam/tua-api: 🏗 一款可配置的通用 api 请求函数生成工具(A common tool helps converting configs to api functions)
tua-api

TypeDoc

TypeStrong/typedoc: Documentation generator for TypeScript projects.
Home | TypeDoc

yapi

YMFE/yapi: YApi 是一个可本地部署的、打通前后端及QA的、可视化的接口管理平台
hellosean1025/yapi-gen-js-code: 根据 YApi 的接口定义生成 javascript 的请求函数,目前内置了 axios 请求模板
inceptiongt/Yapi-plugin-export-docx-data: plugin for Yapi that can export data as docx
YApi: YApi 是高效、易用、功能强大的 api 管理平台,旨在为开发、产品、测试人员提供更优雅的接口管理服务
YApi 接口管理平台
YApi 接口管理平台
YApi-高效、易用、功能强大的可视化接口管理平台
使用 YApi 管理 API 文档,测试, mock - 掘金

¥网站开发常用 API

¥Amazon

¥Amazon Cloudwatch

lazywithclass/winston-cloudwatch: Send logs to Amazon Cloudwatch using Winston.

¥Amazon Cognito Identity SDK

amazon-archives/amazon-cognito-identity-js: Amazon Cognito Identity SDK for JavaScript

¥Amazon ES

TheDeveloper/http-aws-es: Use the elasticsearch-js client with Amazon ES

¥Amazon Web Services,AWS

AWS Amplify

aws-amplify/amplify-js: A declarative JavaScript library for application development using cloud services.
amazon-archives/aws-amplify-vue: A Vue.js starter app integrated with AWS Amplify

AWS AppSync SDK

awslabs/aws-mobile-appsync-sdk-js: JavaScript library files for Offline, Sync, Sigv4. includes support for React Native

AWS Cloud Development Kit,AWS CDK

aws/aws-cdk: The AWS Cloud Development Kit is a framework for defining cloud infrastructure in code

AWS Encryption SDK

aws/aws-encryption-sdk-javascript: AWS Encryption SDK for Javascript and Node.js

AWS IoT SDK

aws/aws-iot-device-sdk-js: SDK for connecting to AWS IoT from a device using JavaScript/Node.js

AWS SDK

aws/aws-sdk-js: AWS SDK for JavaScript in the browser and Node.js
dwyl/aws-sdk-mock: AWSomocks for Javascript/Node.js aws-sdk tested, documented & maintained. Contributions welcome!
amazon-archives/aws-sdk-react-native: AWS SDK for React Native (developer preview)
peerlibrary/meteor-aws-sdk: SDK for AWS services including Amazon S3, Amazon EC2, DynamoDB, and Amazon SWF
aws/aws-sdk-js-v3: Modularized AWS SDK for JavaScript.

AWS X-Ray SDK

aws/aws-xray-sdk-node: The official AWS X-Ray SDK for Node.js.

Amazon Web Services

¥other 网站开发常用 API

shieldfy/API-Security-Checklist: Checklist of the most important security countermeasures when designing, testing, and releasing your API
ethereum/EIPs: The Ethereum Improvement Proposal repository
electron/electron-api-demos: Explore the Electron APIs
cloudfetch/cloudquery: Turn any website to serverless API (support SPA!)
MZCretin/RollToolsApi: 一个提供开发中常用数据的一个稳定聚合Api接口源,运行于独立服务器,免费,且长期维护,会持续添加新的接口!
TonnyL/Awesome_APIs: A collection of APIs
CodeDaraW/douban-box: 📚🎬🎵更新豆瓣用户的书影音数据到 Gist !
tikalk/commandcar: curl on steroids
MikeRalphson/bbcapis: Nodejs-based utilities, SDK to consume BBC Nitro, iBL and /programmes APIs
amardeshbd/medium-api-specification: API spec for medium.com using OpenAPI Specification (aka Swagger 2.0). Generates PHP, Java, Python, Go, Android, Objective-C and many more client SDK.
APIs-guru/asyncapi-directory: ⇄ Directory of asynchronous API specifications in AsyncAPI format
AnyAPI
DataFire - Build APIs and Integrations to process, serve, and sync your data
The fastest way to integrate APIs and run code - Pipedream
SDKS.IO - Find SDKs
Cenit IO | open integration Platform(iPaaS)
Intercept, debug & mock HTTP with HTTP Toolkit
BitScoop - The API Integration Platform
API tooling development: GraphQL, OpenAPI | APIs.guru
HN Search powered by Algolia
developers.douban.com
https://api.ipify.org/?format=json
pv.sohu.com/cityjson?ie=utf-8
https://forterli.gitee.io/project/mini_program/tv_video/data/tvListInfo1.1.5.txt
开放通用Api,总有你喜欢的 - 掘金
中国大陆可用API合集 - 工具资源 - 掘金
对api请求封装的探索和总结 - 掘金
10个打开了我新世界大门的 WebAPI
域名与网站备案所需要的资料有哪些 - 知乎

¥阿里API

#阿里云API

aliyun/aliyun-openapi-java-sdk: Alibaba Cloud SDK for Java
Aliyun Java Initializr
阿里云api平台 -帮助文档- 阿里云
FileZilla使用手册(MAC版)_网站上传/下载_用户指南_云虚拟主机-阿里云
阿里云开发者社区-阿里云官网开发者社区_云计算社区
开发者藏经阁-阿里云开发者社区
开放下载!新品发布产品资料|持续更新中-阿里云开发者社区
开放下载!新品发布产品资料|持续更新中-阿里云开发者社区
再招5000人!2020阿里云峰会透露了哪些核心信息?(附14个资料下载)-阿里云开发者社区
首页 - 教程中心 - 阿里云
阿里邮箱企业版
主机管理平台
阿里云服务器ECS配置及LAMP环境搭建及配置(新手攻略第一弹) - 掘金

¥腾讯API

#腾讯云API

tencentyun/TIMSDK: 腾讯云即时通信 IM 服务,国内下载镜像:
腾讯云 - 产业智变 云启未来
腾讯云文档中心 - 腾讯云
腾讯云-控制台
账号信息 - 控制台
云开发低码 LowCode _低代码平台_可视化开发服务 - 腾讯云
腾讯云开发者平台 | 技术助力开发

QQ音乐 | 移动WEB开放平台 - 接口文档

¥华为API

#HarmonyOS

应用开发-华为鸿蒙HarmonyOS
HUAWEI DevEco Studio-华为鸿蒙HarmonyOS应用开发

#华为云API

DevCloud

软件开发平台DevCloud_DevOps_开发者平台-华为云
大厂是如何用DevCloud流水线实现自动化部署Web应用的?

帮助中心首页-华为云
华为云-提供云计算服务 +智能,见未来

¥百度API

#百度翻译API

百度翻译开放平台

#百度云API

百度智能云-计算无限可能

#百度AI

百度AI开放平台-全球领先的人工智能服务平台
人机审核平台_人机审核-百度AI开放平台

¥网易API

#有道智云

有道智云AI开放平台
有道智云

网易邮箱帐号安全中心

¥七牛云API

#七牛云图床

qiniu/js-sdk: 基于七牛 API 开发的前端 JavaScript SDK
在markdown中使用图床+七牛云存储实现快速外链贴图 - 吴渣渣的博客 - CSDN博客
尝试使用七牛作为图床 - xinhuasz - CSDN博客
hexo,使用七牛图床 - 看写写 - CSDN博客
使用七牛云作为图床获取外链方式总结 - strivebo - CSDN博客
用七牛做图床-同步工具qrsbox - 公子专栏 - CSDN博客
七牛图片上传的使用心得 - shuzipai的博客 - CSDN博客
六四、使用JS-SDK上传图片(文件)到七牛 - 梅某某 - CSDN博客
从微信图片选择接口到七牛云图床(java+js) - qq_24023703的博客 - CSDN博客
如何利用七牛云在线存储图片 - cloud_guo的博客 - CSDN博客
七牛云存储搭建图床 - 许博文的专栏 - CSDN博客
拥抱云计算——七牛云图床 - qq_24023703的博客 - CSDN博客

willnewii/qiniuClient: 云存储管理客户端。支持七牛云、腾讯云、青云、阿里云、又拍云、亚马逊S3、京东云,仿文件夹管理、图片预览、拖拽上传、文件夹上传、同步、批量导出URL等功能
七牛云 - 国内领先的企业级云服务商
七牛开发者中心

¥可道云API

kalcaddle/KodExplorer: A web based file manager,web IDE / browser based code editor
可道云-私有云存储&协同办公平台_企业网盘_企业云盘_网盘_云盘

IP

https://ipapi.co/json

listen1-api

listen1/listen1-api: One API for all free music in China
listen1-api - Produce universal library with webpack and es6

OpenAPI

openapi-generator

OpenAPITools/openapi-generator: OpenAPI Generator allows generation of API client libraries (SDK generation), server stubs, documentation and configuration automatically given an OpenAPI Spec (v2, v3)

OpenAPI-Specification

OAI/OpenAPI-Specification: The OpenAPI Specification Repository

toddmotto/public-apis: A collective list of public JSON APIs for use in web development.
APIs-guru/openapi-directory: 🌐 Wikipedia for Web APIs. Directory of REST API definitions in OpenAPI 2.0/3.0 format
OpenAPI-Specification/schema.json at master · OAI/OpenAPI-Specification
OpenAPI-Specification/schema.json at master · OAI/OpenAPI-Specification
faragorn/open-api-specs: My private library of OpenAPI (formerly Swagger) definitions for different APIs
Mermade/openapi-gui: GUI / visual editor for creating and editing OpenAPI / Swagger definitions
APIs-guru/awesome-openapi3: 😎 A list of awesome projects related to OpenAPI 3.0.x, curated by the community
apisyouwonthate/openapi.tools: A collection of Editors, Linters, Parsers, Code Generators, Documentation, Testing
httptoolkit/openapi-directory-js: Building & bundling https://github.com/APIs-guru/openapi-directory for easy use from JS

tiny云

The Most Advanced WYSIWYG HTML Editor | TinyMCE

网易云API

Binaryify/NeteaseCloudMusicApi: 网易云音乐 Node.js API service
disoul/electron-cloud-music: 网易云音乐 Electron 客户端
darknessomi/musicbox: 网易云音乐命令行版本
sqaiyan/netmusic-node: 网易云音乐接口
sqaiyan/NeteaseMusicWxMiniApp: 仿网易云音乐APP的微信小程序
网易云音乐 NodeJS 版 API

经纬度

country-coder

ideditor/country-coder: 📍➡️ 🇩🇰 Convert longitude-latitude pairs to ISO 3166-1 codes quickly and locally

在线地图经度纬度查询 — 经纬度查询地名|地名查询经纬度 —GPSspg

短地址

百度短网址

DigitalOcean – The developer cloud

$other JS libs、plugins&tools

axecore

AXErunners/axecore-lib: a pure and powerful JavaScript library for AXE
AXErunners/axecore-mnemonic: BIP39 Mnemonics

ccxt

ccxt/ccxt: A JavaScript / Python / PHP cryptocurrency trading library with support for more than 100 bitcoin/altcoin exchanges

nylas-mail

nylas/nylas-mail: An extensible desktop mail app built on the modern web. Forks welcome!

javascript-library · GitHub Topics
ncase/trust: An interactive guide to the game theory of cooperation
o2team/wxapp-market: 小程序营销组件,Marketing components for WeChatApp
hujiulong/gcoord: A JS library for converting geographic coordinate system, support WGS84, BD09, GCJ02 and others
Kenshin/simpread: 简悦 ( SimpRead ) - 让你瞬间进入沉浸式阅读的扩展
tehnokv/picojs: A face detection library in 200 lines of JavaScript
glidejs/glide: A dependency-free JavaScript ES6 slider and carousel. It’s lightweight, flexible and fast. Designed to slide. No less, no more
gaearon/subliminal: An opinionated minimalistic VS Code theme for JavaScript
aws/aws-amplify: A declarative JavaScript library for application development using cloud services.
os-js/OS.js: JavaScript Cloud/Web Desktop Platform
zingchart/zingtouch: A JavaScript touch gesture detection library for the modern web
jakubfiala/atrament.js: Tiny JS library for beautiful drawing and handwriting on the HTML Canvas.
microstates/microstates.js: Composable State Primitives for JavaScript
gothinkster/realworld: "The mother of all demo apps" — Exemplary fullstack Medium.com clone powered by React, Angular, Node, Django, and many more 🏅
rwv/chinese-dos-games-web: 🌐 Source code of https://dos.zczc.cz
reactioncommerce/reaction: Reaction is a customizable, real-time reactive, JavaScript commerce platform.
victorqribeiro/isocity: A isometric city builder in JavaScript
zpfz/ViLike.js: 👀👍 A lightweight visit & like count javascript plugin.
Automated browser testing for the modern web development stack | TestCafe
Prototype JavaScript framework: a foundation for ambitious web applications
Feature.js
国庆八天教你怎么写出一个钢琴🎹 | 掘金技术征文-双节特别篇
(11 封私信 / 74 条消息) 作为WEB前端开发,大家都知道那些方便的js扩展库呢? - 知乎
前端库 - 前端开发,JQUERY特效,全栈开发,vue开发
Odyssey.js

$文本、元素、组件&布局

¥表单元素组件

¥Sheet&文档处理

handsontable

Handsontable
handsontable/handsontable: JavaScript/HTML5 UI Spreadsheet library for web apps. Available for React, Vue and Angular.

jexcel

paulhodel/jexcel: jExcel is a lightweight vanilla javascript plugin to create amazing web-based interactive tables and spreadsheets compatible with Excel or any other spreadsheet software.

kkFileView

kekingcn/kkFileView: 使用spring boot打造文件文档在线预览项目解决方案,支持doc、docx、ppt、pptx、xls、xlsx、zip、rar、mp4,mp3以及众多类文本如txt、html、xml、java、properties、sql、js、md、json、conf、ini、vue、php、py、bat、gitignore等文件在线预览

Luckysheet

mengshukeji/Luckysheet: Luckysheet is an online spreadsheet like excel that is powerful, simple to configure, and completely open source.
Luckysheet Document

mintable

kevinschaich/mintable: Roll-your own Mint clone for managing personal finances using the Google Sheets and Plaid APIs.

sheetJS

SheetJS/sheetjs: SheetJS Community Edition -- Spreadsheet Data Toolkit
SheetJS/js-xlsx: SheetJS Community Edition -- Spreadsheet Parser and Writer
SheetJS - Home
Package - xlsx
xlsx · docs
JS-XLSX读取Excel文件中文API帮助文档 - 开源文档 - 问说网
SheetJS---(js-xlsx) - CSDN博客

spreadJS

SpreadJS - 纯前端表格控件|可嵌入系统开发的在线Excel - 葡萄城官网
SpreadJS学习指南-SpreadJS纯前端表格控件|在线Excel-葡萄城官网
主页 | 主页 | 学习指南 - SpreadJS 纯前端表格控件|可嵌入系统开发的在线Excel – 葡萄城官网
SpreadJS与Vue集成,苏宁集团“极客办公”系统开发案例 - 葡萄城技术博客

xlsx2json

koalaylj/xlsx2json: 让excel支持复杂的json格式(对象,数组,数字,boolean,字符串),将xlsx文件转成json。

x-spreadsheet

myliang/x-spreadsheet: a javascript spreadsheet for web

¥表格

colResizable

ybx13579/resize-table-th: colResizable.js---可手动拖动/滑动th/td 。 改变列宽
colResizable – Resizing HTML Tables & Columns Made Easy | jQuery Plugins
jquery - colResizable on dynamic table not working - Stack Overflow
colResizable – Resizable columns and tables
colResizable Download
解决colResizable插件overflow和flex模式单元格最小宽度问题 - CSDN博客
colResizable的替代品,自定义列宽调整 - CSDN博客
jQuery可调整表和列宽插件-colResizable - CSDN博客
jQuery调整表列插件__colResizable - Zz_maker - 博客园
jQuery插件来调整表列的大小colResizable.js 拖动改变单元格宽度_HTML教程-织梦者

DataTables

DataTables core

DataTables/DataTables: Tables plug-in for jQuery
DataTables/DataTablesSrc: DataTables source repository
ssy341/datatables-cn: Datatables—— jquery 插件中文网
Issues · ssy341/datatables-cn
DataTables | Table plug-in for jQuery
DataTables | Table plug-in for jQuery
Datatables 中文网
Datatables 中文网
DataTables 中文网博客
参考 Datatables中文网
datatables.club/blog/js/tomato.js
Editor | Editing for DataTables
Recent Discussions — DataTables forums
DT-code {beta 0.341}

DataTables libs、plugins&tools

DataTables 插件 Amaze UI 集成

amazeui/datatables: jQuery DataTables 插件 Amaze UI 集成
Amaze UI DataTables | Amaze UI 插件

DataTables/Plugins: Plug-ins for DataTables
rweng/jquery-datatables-rails: jquery-datatables gem for rails
gregnb/mui-datatables: Datatables for React using Material-UI - https://www.material-ui-datatables.com
l-lin/angular-datatables: DataTables using angular directives (Maintainers WANTED)

DataTables 资源、整理集&FAQ

4. Warning: Requested unknown parameter
DataTables example - Excel - Customise borders
FixedColumns
preXhr
DataTables example - Javascript sourced data
ASK Mobile
jQuery.datatables.js插件用法及api实例详解_jquery_脚本之家
jquery datatable服务端分页_jquery_脚本之家
jQuery插件DataTable使用方法详解(.Net平台)_jquery_脚本之家
jquery.datatables.js的使用,读取后端传来的json到table中 - writeademo的个人页面
jquery datatables 的常见参数配置 - 看一场塞北的雪 - 博客园
JQuery插件之Jquery.datatables.js用法及api - 墨韵明空 - 博客园
控制Datatables元素的位置(dom) 选项(option) 参考(reference) Datatables 中文网
给每一列添加下拉框搜索 API 示例 Datatables中文网
option order 设置排序列(去掉第一列的排序和小图标) 《不定时一讲》 DataTables中文网
DataTables固定表格宽度(设置横向滚动条) - 追极 - 博客园

GridManager

baukh789/GridManager: 表格组件GridManager: 快速、灵活的对Table标签进行实例化,让Table标签充满活力。
GridManager配置与使用 - 掘金

pagination

csdoker/csdwheels: 一套基于原生JavaScript开发的插件,无依赖、体积小
blog-data/简单分页 at master · accforgit/blog-data
KELEN/kPagination: 纯js分页插件
ultimate-pagination/ultimate-pagination: Universal pagination model generation algorithm that can be used to build a UI component
csdwheels
手把手教你用原生JavaScript造轮子(1)——分页器(最后更新:Vue插件版本,本篇Over!) - 掘金
原生 JS实现一个简单分页插件 - 掘金
kPagination-纯js实现分页插件 - 掘金

tabulator

olifolkerd/tabulator: Interactive Tables and Data Grids for JavaScript
Tabulator

分享12款 JavaScript 表格控件(DataGrid) - 梦想天空(山边小溪) - 博客园
Table Dragger - 简单的 JS 拖放排序表格插件 - 梦想天空(山边小溪) - 博客园

¥表单

survey-library

surveyjs/survey-library: JavaScript Survey and Form Library

复选框

你见过吗?9款超炫的复选框(Checkbox)效果 - 梦想天空(山边小溪) - 博客园

日历&时间日期选择

bootstrap-datetimepicker

smalot/bootstrap-datetimepicker: Both Date and Time picker widget based on twitter bootstrap (supports Bootstrap v2 and v3)
uxsolutions/bootstrap-datepicker: A datepicker for twitter bootstrap (@twbs)
DateTime Picker · Bootstrap
DateTime Picker · Bootstrap - Demo page

daterangepicker

dangrossman/daterangepicker: JavaScript Date Range, Date and Time Picker Component
Date Range Picker — JavaScript Date & Time Picker Library
日期时间范围选择插件-daterangepicker使用总结 - CSDN博客
daterangepicker 时间区间选择 - CSDN博客
javascript - 如何用moment实现期望时间与当前时间之间的天数? - SegmentFault 思否
JS判断当前日期为当月的第几周和当年的第几周_郁郁聪聪_新浪博客
使用moment.js轻松管理日期和时间_Helloweba
Date Range Picker时间插件非常不错,主要体现在选择一个时间区间 - sweeeper - 博客园
moment.js获取当前日期是当年的第几周 - xiaoxiao001 - 博客园
js 获取每月有几周,根据年月周获取该周从周一到周日的日期等方法 - 渝~~~ - 博客园

datetimepicker

amazeui/datetimepicker: Amaze UI styled bootstrap-datetimepicker.
Amaze UI Datetime Picker | Amaze UI 插件

tui.calendar

nhnent/tui.calendar: 🍞📅A JavaScript calendar that has everything you need.
brnrds/ngx-tui-dev
lkmadushan/vue-tuicalendar: Vue.js wrapper for TOAST UI Calendar
tui.calendar/getting-started.md at master · nhnent/tui.calendar

flatpickr/flatpickr: lightweight, powerful javascript datetimepicker with no dependencies
Picker组件的设计与实现
精心挑选12款优秀的 JavaScript 日历和时间选择插件 - 梦想天空(山边小溪) - 博客园
16款最佳的 jQuery Time Picker 时间选择插件 - 梦想天空(山边小溪) - 博客园
ClockPicker – 时钟风格 Bootstrap 时间选择器 - 梦想天空(山边小溪) - 博客园
原生js calendar日历控件点击text文本框弹出日期时间选择器
原生js calendar日历选择控件制作点击text文本框弹出日历选择器选择日期
原生js日期时间插件鼠标点击文本框弹出日期时间表格选择日期时间
原生JS calendar日历选择控件鼠标点击text文本框弹出日历选择器
jquery datepicker日期选择插件鼠标点击text文本框弹出两排日期选择器代码
jquery date选择日历控件鼠标点击text文本框弹出日期选择
原生js日期控件带时分秒点击text文本框选择日期时分秒
jquery.datePicker日期选择器text文本框弹出日期表
产品:我想要一个这样的日期时间选择界面!!!

下拉选择器

bootstrap-multiselect

davidstutz/bootstrap-multiselect: JQuery multiselect plugin based on Twitter Bootstrap.
Bootstrap Multiselect
davidstutz (David Stutz)
多选下拉控件multiselect使用小结 - CSDN博客
JS组件系列——两种bootstrap multiselect组件大比拼 - 推酷
Bootstrap Multiselect中文api - CSDN博客

chosen

amazeui/chosen: Amaze UI styled jQuery Chosen plugin.
Amaze UI Chosen | Amaze UI 插件

chosen

Chosen: A jQuery Plugin by Harvest to Tame Unwieldy Select Boxes
harvesthq/chosen: Chosen is a library for making long, unwieldy select boxes more friendly.

DropKick

Dropkick.js
Robdel12/DropKick: A JavaScript plugin for creating beautiful, accessible, and painless custom dropdowns.
Dropkick.js

ddSlick

ddSlick - a jQuery plugin for custom drop down with images
prashantchaudhary (Prashant Chaudhary)

distpicker

Distpicker
fengyuanchen/distpicker: A simple jQuery plugin for picking provinces, cities and districts of China. (中国 / 省市区 / 三级联动 / 地址选择器)

EasyDropDown

patrickkunka/easydropdown: A lightweight library for building beautiful styleable <select> elements
EasyDropDown – 很棒的下拉菜单,含精美主题 - 梦想天空(山边小溪) - 博客园

FancySelect

paulstraw/FancySelect: A better select for discerning web developers everywhere.

multiple-select

wenzhixin/multiple-select: A jQuery plugin to select multiple elements with checkboxes :)
Multiple Select
wenzhixin (文翼)
Bootstrap Table Examples
Multiple Select

select2

select2/select2: Select2 is a jQuery based replacement for select boxes. It supports searching, remote data sets, and infinite scrolling of results.
Getting Started | Select2 - The jQuery replacement for select boxes

selectize.js

selectize/selectize.js: Selectize is the hybrid of a textbox and <select> box. It's jQuery based and it has autocomplete and native-feeling keyboard navigation; useful for tagging, contact lists, etc.
Selectize.js

TerryZ/SelectPage: A simple style and powerful selector, including ajax remote data, autocomplete, pagination, tags, i18n and keyboard navigation features
TerryZ/SelectMenu: Simple, easily and diversity menu solution
自制的操作下拉列表框(SELECT)的三个jquery插件(ajax填充、联动、增加选项) - 天天无用 - 博客园
下拉菜单「点击外面关闭」的终极解决方案 - 掘金
Selectize – 用于标签和下拉列表功能的选择控件 - 梦想天空(山边小溪) - 博客园
Mega Dropdown - 带子分类的响应式下拉菜单 - 梦想天空(山边小溪) - 博客园
中国省市区地址三级联动jQuery插件

输入框&搜索框

libphonenumber-js

catamphetamine/libphonenumber-js: A simpler (and smaller) rewrite of Google Android's libphonenumber library in javascript

tagsinput

amazeui/tagsinput: jQuery tags input plugin based on Amaze UI 2.x.
Amaze UI Tags Input | Amaze UI 插件

welearnmore/chrome-extension-demos: 《Chrome Extension 入门指南》配套 Demos
welearnmore/chrome-extension-book: 《Chrome Extension 入门指南》

开关&切换

switch

Amaze UI Switch | Amaze UI 插件
amazeui/switch: Turn checkboxes and radio buttons in toggle switches. Forked from Bootstrap Switch.

SwitchButton

kyleduo/SwitchButton: A cute widget of Switch Button for you to create beautiful and friendly UI.

插入符caret

Caret.js

ichord/Caret.js: Get caret postion and offset from text field

表单填写进度

Fort.js

Degico/Fort.js: Modern progress bar for form completion.

表单验证库

async-validator

yiminghe/async-validator: validate form asynchronous

Parsley.js

guillaumepotier/Parsley.js: Validate your forms, frontend, without writing a single line of javascript

validator.js

validatorjs/validator.js: String validation
jaywcjlove/validator.js: 轻量级的JavaScript表单验证,字符串验证。没有依赖,支持UMD,~3kb。
sofish/validator.js: 一个简单、轻量级,但功能强大的 Validator 组件

validate.js

rickharrison/validate.js: Lightweight JavaScript form validation library inspired by CodeIgniter.

yairEO/validator: HTML form validation. Perfectly made for all scenerios, lightweight, semantic & easy to use
jpillora/verifyjs: Verify.js - A powerful, customizable asynchronous validation library
前端工具 - 15个最佳的 JavaScript 表单验证库 - 梦想天空(山边小溪) - 博客园

自动化表单

Bootstrap-Form-Builder

minikomi/Bootstrap-Form-Builder: Web app for drag drop building bootstrap forms.

formio.js

formio/formio.js: JavaScript powered Forms with JSON Form Builder

form-render

alibaba/form-render: 🚴‍♀️ 易用的跨组件体系的表单渲染引擎 - 通过 JSON Schema 快速生成自定义表单配置界面
Form Render
Form Render

formily

alibaba/formily: Alibaba Group Unified Form Solution.
Formily

json-formatter

callumlocke/json-formatter: Makes JSON/JSONP easy to read.

jsonform

jsonform/jsonform: Build forms from JSON Schema. Easily template-able. Compatible with Bootstrap 3 out of the box.
JSON Form Playground

json-forms

brutusin/json-forms: JSON Schema to HTML form generator, supporting dynamic subschemas (on the fly resolution). Extensible and customizable library with zero dependencies. Bootstrap add-ons provided
brutusin.org/json-forms/

json-schema-form

JSON Schema Form

json-formatter-js

mohsen1/json-formatter-js: Render JSON objects in beautiful HTML (pure JavaScript)

safari-json-formatter

rfletcher/safari-json-formatter: A Safari extension which makes valid JSON documents human-readable.

jdorn/json-editor: JSON Schema Based Editor
daniel-dx/json-editor-custom: Describe how to customize json-editor
pubkey/rxdb: ⛁ A realtime Database for JavaScript Applications
tdegrunt/jsonschema: JSON Schema validation
diegohaz/schm: Composable schemas for JavaScript and Node.js
APIDevTools/json-schema-ref-parser: Parse, Resolve, and Dereference JSON Schema $ref pointers in Node and browsers
Limenius/symfony-react-sandbox: Example of integration with React and Webpack (Webpack Encore) for universal (isomorphic) React rendering, using Limenius/ReactBundle and Limenius/LiformBundle
deliveryhero/serverless-aws-documentation: Serverless 1.0 plugin to add documentation and models to the serverless generated API Gateway
korzio/djv: Dynamic JSON Schema Validator - Supports draft-04/06
yourtion/vue-json-ui-editor: Edit JSON in UI form with JSON Schema and Vue.js
bimohxh/jsonon: A json online view
ismaelga/react-json-editor: A dynamic form component for react using JSON-Schema.
farolfo/raml-server: run a mocked server JUST based on a RAML API's definition .. zero coding
Limenius/liform-react: Generate forms from JSON Schema to use with React (& redux-form)
cloudflare/json-schema-tools: Packages for working with JSON Schema and JSON Hyper-Schema
epoberezkin/ajv-keywords: Custom JSON-Schema keywords for Ajv validator
epoberezkin/ajv-errors: Custom error messages in JSON-Schema for Ajv
wework/json-schema-to-openapi-schema: A little NodeJS package to convert JSON Schema to OpenAPI Schema Objects
Jac21/SkillSet: ✨ Intuitive job-candidate skill visualization, taking advantage of D3.js and JSONResume.
TechniqueSoftware/react-json-schema: Configure and build views using JSON schemas mapped to React components
adobe/xdm: Experience Data Model
win-winFE/dms: 基于Json Schema的动态Json数据配置平台
benjamin-allion/json-node-normalizer: 'json-node-normalizer' - NodeJS module that normalize json data types from json schema specifications.

¥列表

滑动删除

html里列表滑动删除的实现如此简单 - 掘金

滚动列表

Richard-Choooou/sticky-list-headers: sticky list headers, 滚动列表固定头部的库

多级列表树插件

bootstrap-treeview

bootstrap-treeview中文API 以及后台JSON数据处理 - instr - 博客园
bootstrap-treeview 中文api - CSDN博客
bootstrap-treeview插件使用 - CSDN博客
jQuery多级列表树插件bootstrap-treeview
bootstrap-treeview | BootCDN - Bootstrap 中文网开源项目免费 CDN 加速服务
jonmiles/bootstrap-treeview: Tree View for Twitter Bootstrap -
Bootstrap Tree View
Bootstrap TreeView

tree

amazeui/tree: jQuery tree plugin based on Amaze UI.
Amaze UI Tree | Amaze UI 插件

zTree

Home [zTree -- jQuery 树插件]
API 文档 [zTree -- jQuery 树插件]
zTree/zTree_v3: jQuery Tree Plugin

基于拖放的树形编辑器

Treed – 基于拖放 操作的,强大的树形编辑器 - 梦想天空(山边小溪) - 博客园

¥自动完成

awesomplete

LeaVerou/awesomplete: Ultra lightweight, usable, beautiful autocomplete with zero dependencies.
Awesomplete: Ultra lightweight, highly customizable, simple autocomplete, by Lea Verou
www.yyyweb.com/ctools/demo.php?t=http%3A%2F%2Fleaverou.github.io%2Fawesomplete%2F&h=9500&c=&n=awesomplete
LeaVerou/awesomplete: Ultra lightweight, usable, beautiful autocomplete with zero dependencies.

Bootstrap-3-Typeahead

bassjobsen/Bootstrap-3-Typeahead: The Typeahead plugin from Twitter's Bootstrap 2 ready to use with Bootstrap 3 and Bootstrap 4
bootstrap3-typeahead 文本自动补全填充 - chen_lay的博客 - CSDN博客

jquery表单制作text文本框autocomplete智能搜索提示框效果

¥信息展现、提示、消息通知组件

¥ContextMenu

bootstrap-contextmenu

JS组件系列——Bootstrap右键菜单解决方案:ContextMenu - 懒得安分 - 博客园
sydcanem/bootstrap-contextmenu: Context menu plugin for Twitter's Bootstrap framework

ContextMenu

JQuery右键菜单插件ContextMenu使用指南 - 三味线的铲屎官的博客 - CSDN博客
Jquery 右键菜单(ContextMenu)插件使用记录 - 技术狂 - 博客园
A Beautiful Site

jQuery-contextMenu

swisnl/jQuery-contextMenu: jQuery contextMenu plugin & polyfill
jQuery contextMenu (2.x)
基于contextMenu的右键菜单demo-CSDN下载
jQuery contextMenu使用 - 今木。非昔木 - 博客园
如何使用jQuery-ContextMenu实现右击菜单 - StarryFan - 博客园
jquery-contextmenu - cdnjs.com - The best FOSS CDN for web related libraries to speed up your websites!

¥ProgressBar

H5粒子效果进度条

简直要逆天!超炫的 HTML5 粒子效果进度条 - 梦想天空(山边小溪) - 博客园

nprogress

rstacruz/nprogress: For slim progress bars like on YouTube, Medium, etc

ProgressBar.js

ProgressBar.js - Progress bars with JavaScript
kimmobrunfeldt/progressbar.js: Responsive and slick progress bars
ProgressBar.js – 漂亮的响应式 SVG 进度条
ProgressBar.js - Progress bars with JavaScript
bug7a/progressbar.js: (Javascript) Animated, multiple progress bar control and tiny chart (sparkline)

progress.js

Progress.js - Themeable progress bar library
usablica/progress.js: ProgressJs is a JavaScript and CSS3 library which help developers to create and manage progress bar for every objects on the page.

Sonic

Azure/SONiC: Landing page for Software for Open Networking in the Cloud (SONiC) - http://azure.github.io/SONiC/
padolsey/sonic.js: Create loopy loading animations
Software for Open Networking in the Cloud - SONiC
Sonic Creator - Create your own canvas/gif/css3 loader

aarondo/progression.js: A jQuery plugin that gives users real time hints & progress updates as they complete forms
craigbuckler/progressive-image.js: A lazy-loading progressive image similar to those seen on Facebook and Medium.
qiao/ProgressCircle.js: A progress indicator in HTML5 canvas
processing/p5.js-web-editor: In progress p5.js web editor, coming soon.
m42e/impress.js-progress: Progressbar and pagexounter for impress.js presentation
mdix/progress.js: A (animated) javascript progress bar without dependencies.
ejb/progressor.js: Lightweight, customisable progress bars for HTML5 video & audio

¥Progress Management

dom-wait

f/dom-wait: Complex Loader and Progress Management for Vanilla JS
watir-dom-wait | RubyGems.org | Ruby 社区 Gem 托管

¥弹窗效果

bDialog

TerryZ/bDialog: Extend the Bootstrap Modal features, making dialog more functions and easier to use, dialog type including modal, alert, mask and toast types
bDialog可多层嵌套,高定制化的模态窗口

bootboxjs

Bootbox.js — alert, confirm and flexible dialogs for the Bootstrap framework
makeusabrew/bootbox: Wrappers for JavaScript alert(), confirm() and other flexible dialogs using Twitter's bootstrap framework

jQuery Modal(模态窗口)插件

Avgrund.js

voronianski/jquery.avgrund.js: Avgrund is jQuery plugin with new modal concept for popups
Avgrund Modal

Bootstrap Image Gallery

blueimp/Bootstrap-Image-Gallery: This project is deprecated in favor of blueimp Gallery.
michaelsoriano/bootstrap-photo-gallery: jQuery plugin that converts your list of images into a grid-based gallery on Bootstrap 4. Supports larger view in a modal with next / previous controls

Boxer

FormstoneClassic/Boxer: A jQuery plugin for displaying images and content in a modal overlay.
Lightbox · Formstone
Boxer Demo

jQuery Popdown Plugin

Wixel/jquery-popdown: A super simple jQuery popdown plugin

jQUery Custombox

jQuery基础之custombox弹出框 - CSDN博客
Home | Custombox
JQuery扩展之CustomBox.js-布布扣-bubuko.com
Custombox | jQuery Plugin Registry
dixso/custombox: Modal window effects with transitions CSS3.

jQuery SuperBox

jQuery SuperBox
bpierre/jquery-superbox: [INACTIVE] jQuery Superbox! is a script which allows you display windows with the lightbox effect.

ModalBox.js

s-yadav/modalBox.js: A very light weight and minimal plugin to display modal window.
modalBox.js

MsgBox-jQuery-Plugin

基于jQuery的简单消息框MsgBox插件 - oxcow的专栏 - CSDN博客
iyiguo.net/blog/2012/05/04/jquery-msgbox-plugin/
oxcow/MsgBox-jQuery-Plugin: jQuery MsgBox Plugin

popeasy

Pop Easy
tgrauer/popeasy

Reveal

Reveal: jQuery Modal Plugin | Playground from ZURB
zurb/reveal

Remodal

vodkabears/Remodal: No longer actively maintained.
Remodal v1. The modal done right.

Simple Modal

plasm/simplemodal: Modal window
ericmmartin/simplemodal: A modal dialog framework for jQuery
FinelySliced/leanModal.js: A super simple JQuery plugin for modal windows.
saribe/eModal: Easy Modal for bootstrap, is a simple way to create modal dialogs using javascript.
Lean Modal

The Modal

The modal demo
samdark/the-modal: Proper modal boxes

15款最好的 jQuery Modal(模态窗口)插件 - 梦想天空(山边小溪) - 博客园
joaopereirawd/animatedModal.js: animatedModal.js is a jQuery plugin to create a fullscreen modal with CSS3 transitions. you can use the transitions by animate.css or create yourself their transitions.
kylefox/jquery-modal: The simplest possible modal for jQuery

Micromodal

ghosh/Micromodal: ⭕ Tiny javascript library for creating accessible modal dialogs
Micromodal.js - Tiny javascript library for creating accessible modal dialogs

sweetalert

sweetalert | BootCDN - Bootstrap 中文网开源项目免费 CDN 加速服务
SweetAlert-js超酷消息警告框插件_jQuery之家-自由分享jQuery、html5、css3的插件库
SweetAlert - 演示6种不同的提示框效果 - 素材火
t4t5/sweetalert: A beautiful replacement for JavaScript's "alert"
sweetalert2/sweetalert2: A beautiful, responsive, highly customizable and accessible (WAI-ARIA) replacement for JavaScript's popup boxes. Zero dependencies.
SweetAlert2 - a beautiful, responsive, customizable and accessible (WAI-ARIA) replacement for JavaScript's popup boxes
pedant/sweet-alert-dialog: SweetAlert for Android, a beautiful and clever alert dialog
sweet-alert-dialog/README.zh.md at master · pedant/sweet-alert-dialog
SweetAlert
SweetAlert2中文 —— 一个漂亮的、响应式的、可定制的和可访问(WAI-ARIA)的JavaScript弹窗

Vex

HubSpot/vex: A modern dialog library which is highly configurable and easy to style. #hubspot-open-source
vex – Beautiful, functional, modal dialogs in Javascript

模态窗口弹出效果

分享20个华丽的模态窗口弹出效果示例 - 梦想天空(山边小溪) - 博客园

离开网站时显示模态弹窗

Ouibounce – 在用户离开你网站时显示模态弹窗 - 梦想天空(山边小溪) - 博客园

全屏模态窗口

AnimatedModal.js – CSS3 全屏模态窗口 - 梦想天空(山边小溪) - 博客园

多层滑出菜单插件

Multi-Level Push Menu

Multi-Level Push Menu v2.1.4, https://github.com/adgsm/multi-level-push-menu
adgsm/multi-level-push-menu: MultiLevelPushMenu jQuery Plugin implementation

jschr/bootstrap-modal: Extends the default Bootstrap Modal class. Responsive, stackable, ajax and more.
LDialog-jquery弹窗插件 | Luojh的博客
luojh.me/LDialog/html/index.html
BasicModal - 简单易用的现代 Web App 弹窗 - 梦想天空(山边小溪) - 博客园
原生jQuery对话框插件dialogBox
easyDialog v2.0 演示与说明
简单的响应式纯js消息通知插件_jQuery之家-自由分享jQuery、html5、css3的插件库

¥分步骤插件

页面引导

bootstro.js

clu3/bootstro.js: Tiny JS library using bootstrap's popovers to help guide your users around your website
Bootstro.js demo

Bootstrap Tour

sorich87/bootstrap-tour: Quick and easy product tours with Twitter Bootstrap Popovers
Chaperone - The easiest, proven way to guide people through online tasks
Bootstrap Tour
API Documentation · Bootstrap Tour

crumble

tommoor/crumble: Crumble makes it easy to create feature tours in your website or app.
Crumble - jQuery Feature Tours

driver.js

kamranahmedse/driver.js: A light-weight, no-dependency, vanilla JavaScript engine to drive the user's focus across the page

grumble.js

jamescryer/grumble.js: jQuery plugin to add 360 rotatable bubble style tooltips
Examples and documentation on grumble.js

Intro.js

usablica/intro.js: A better way for new feature introduction and step-by-step users guide for your website and project.
Intro.js - Step-by-step guide and feature introduction for your website

joyride

jQuery Joyride Plugin | Playground from ZURB

jQuery TourBus

jQuery TourBus

powertour

Power Tour - A powerful and creative jQuery tour solution plugin

PageGuide.js

tracelytics/pageguide: An interactive guide for web page elements using jQuery and CSS3
PageGuide.js – Interactive Guide for Web Page Elements using jQuery and CSS3 | jQuery Plugins
jQuery.PageGuide, by Sprint.ly
Pageguide by SolarWinds
漂亮的jQuery页面向导插件 - Pageguide.js - akaka88的专栏 - CSDN博客
PageGuide.js交互式的可视化网页向导组件_问说网_新浪博客
帮助用户更好的体验网站:jQuery的页面功能向导插件Pageguide.js - igeekbar - 博客园
jQuery的页面功能向导插件-Pageguide.js-幸凡学习网

Producttour.js

jQuery Producttour.js

Pagetour

jQuery Pagetour | jQuery Plugin Registry

pagewalkthrough

引导插件步骤:pagewalkthrough实例 - 圆静居士的专栏 - CSDN博客

TourTip

jQuery引导插件TourTip

Trip.js

EragonJ/Trip.js: Trip.js is a plugin that can help you customize a tutorial trip easily with more flexibilities.
Trip.js | jQuery Plugin Registry
Trip.js

Website Tour with jQuery

Website Tour with jQuery

7个很棒的JavaScript产品步骤引导库,不信你用不上 - 掘金

div+css布局制作横向带箭头步骤流程样式
简洁的css3响应式步骤导航条样式
jQuery页面引导插件制作搜索页面步骤引导代码
jQuery带步骤网站注册表单填写验证代码
js修改绑定手机号码页面步骤代码
jQuery响应式选项卡步骤向导插件
jQuery遮罩弹出带步骤流程窗口代码

¥浮动标签模式

floatlabels.js

probots-io/floatlabels.js: Follows the famous Float Label Pattern. Built on jQuery.
floatlabels.js by Probots
lollipopfly/Floatlabels.js: Responsive float labels

¥信息提示库

enquirer

enquirer/enquirer: Stylish, intuitive and user-friendly prompt system.

HubSpot

HubSpot/messenger: Growl-style alerts and messages for your app. #hubspot-open-source
messenger

iosOverlay.js

taitems/iOS-Overlay: iOS Overlay/Notification Plugin for the Web!
iosOverlay.js

prompts

terkelg/prompts: ❯ Lightweight, beautiful and user-friendly interactive prompts.

popper.js

popperjs/popper.js: A kickass library to manage your poppers
Popper.js

antd popover定位不准闪跳解决+自己实现popover库

¥消息通知

notyf

caroso1222/notyf: 👻 A minimalistic, responsive, vanilla JavaScript library to show toast notifications.
Notyf: A minimalist JavaScript library for toast notifications.

PNotify

PNotify
sciactive/pnotify: Beautiful JavaScript notifications with Web Notifications support.
PNotify
PNotify

jQuery通知提示插件overhang.js

¥导航栏、侧边栏、工具栏&菜单

¥底部导航栏TabLayout

juexingzhe/TestFragmentTabHost
ithuangqing/ItHqSimpleTabLayout: TabLayout+ViewPager的简单封装,实现页面的左右滑动,适合新手练习使用!三行代码即可实现Tab滑动选项效果,快来试试吧!
一行代码实现底部导航栏TabLayout - 简书

Toolbar.Js

paulkinzett/toolbar: A tooltip style toolbar jQuery plugin
Toolbar.js - jQuery plugin to create tooltip style toobars

¥文本

¥ASCII 字符画

patorjk.com
AsciiMorph - 新奇的 ASCII 字符画生成工具&插件 - 梦想天空(山边小溪) - 博客园

¥汉字、拼音互转

huaxinjiayou/js-pinyin: js汉字转拼音
jhs1873/font-as-firstPinyin: 输入汉字转换成拼音首字母js代码
creeperyang/pinyin: Pure JavaScript library for converting Hanzi to Pinyin.
全国市级城市拼音-中文对照表(json格式) - CSDN博客
中国省份城市列表(汉字+拼音) - CSDN博客

¥文本溢出截断省略超出隐藏

shave

dollarshaveclub/shave: 💈 Shave is a 0 dep JS plugin that truncates text to fit within an element based on a set max-height ✁
Shave is a zero dependency javascript plugin that truncates multi-line text to fit within an html element based on a set max-height.

¥实现复制文本到剪贴板功能

AsyncClipboard

如何使用异步剪切板 AsyncClipboard API - 掘金

clipboard.js

zenorocha/clipboard.js: Modern copy to clipboard. No Flash. Just 3kb gzipped
clipboard - npm
clipboard.js — Copy to clipboard without Flash
Clipboard.js – 现代方式实现复制文本到剪贴板 - 梦想天空(山边小溪) - 博客园

clipboardy

sindresorhus/clipboardy: Access the system clipboard (copy/paste)
clipboardy - npm

copy-to-clipboard

sudodoki/copy-to-clipboard: Copy stuff into clipboard from your browser using JS

Copy It – Zero Clipboard

¥文本效果

文本高亮

julmot/mark.js: JavaScript keyword highlighting. Mark text with with options that fit every application. Also available as jQuery plugin.
mark.js – JavaScript keyword highlight

文本旋转插件

Arctext.js - 基于 CSS3 & jQuery 的文本弯曲效果 - 梦想天空(山边小溪) - 博客园

文本选择

sudodoki/toggle-selection: Remove user selection and then get it back on

选中文本并标注

你这磨人的小妖精——选中文本并标注的实现过程

文本排版

FlowType.JS

simplefocus/FlowType.JS: Web typography at its finest: font-size and line-height based on element width.
FlowType.JS — Responsive web typography at its finest: font-size and line-height based on element width. | Simple Focus

lining.js

zmmbreeze/lining.js: An easy to use javascript plugin offers you complete DOWN-TO-THE-LINE control for radical web typography.
Lining.js

typeahead.js

twitter/typeahead.js: typeahead.js is a fast and fully-featured autocomplete library
corejavascript/typeahead.js: typeahead.js is a fast and fully-featured autocomplete library

type.js

nathanford/type.js: Type.js – Typographic tools for better web type.

bradley/Blotter: A JavaScript API for drawing unconventional text effects on the web.

¥编辑器相关

#@mentions

At.js

ichord/At.js: Add Github like mentions autocomplete to your application.

Mention.js

jakiestfu/Mention.js: Lightweight wrapper for adding @user mention functionality to Twitter Bootstraps Typeahead plugin

tribute

zurb/tribute: ES6 Native @mentions

#Markdown

#markdown+ast

aleclarson/markdown-ast: Tiny markdown parser
pdubroy/marked-ast: A modified version of chjj/marked that can produce an abstract syntax tree for Markdown
DamonOehlman/marked-ast-markdown: Given a marked-ast AST generate markdown output

commonmark

commonmark/commonmark.js: CommonMark parser and renderer in JavaScript

EpicEditor

OscarGodson/EpicEditor: EpicEditor is an embeddable JavaScript Markdown editor with split fullscreen editing, live previewing, automatic draft saving, offline support, and more. For developers, it offers a robust API, can be easily themed, and allows you

editor.md

pandao/editor.md: The open source embeddable online markdown editor (component).
Editor.md - 开源在线 Markdown 编辑器

fusuma

hiroppy/fusuma: ✍️Fusuma makes slides with Markdown easily.

lint-md

lint-md/lint-md: 检查中文 markdown 编写格式规范的命令行工具,基于 AST,方便集成 ci,写博客 / 文档必备。支持 API 调用!

markdown-js

markdown - npm

markdown-it

markdown-it-emoji

markdown-it/markdown-it-emoji: Emoji syntax plugin for markdown-it markdown parser
markdown-it-emoji/full.json at master · markdown-it/markdown-it-emoji

markdown-it-wiki-toc

peoplefund-tech/markdown-it-wiki-toc: Markdown-it plugin to add Wiki style Table Of Contents

breakdance

breakdance/breakdance: HTML to markdown converter. Highly pluggable, flexible and easy to use. It's time for your markup to get down.
Breakdance

markdown-it/markdown-it: Markdown parser, done right. 100% CommonMark support, extensions, syntax plugins & high speed
markdown-it - npm

marked

markedjs/marked: A markdown parser and compiler. Built for speed.
Marked.js Documentation
marked - npm

marked-terminal

mikaelbr/marked-terminal: A Renderer for the marked project. Allowing you to render Markdown to print to your Terminal

markmap

dundalek/markmap: Visualize markdown documents as mindmaps
gera2ld/markmap-lib: Visualize your Markdown as mindmaps with Markmap.
Try Markmap

markdown-online-editor

nicejade/markdown-online-editor: 📝基于 Vue、Vditor,所构建的在线 Markdown 编辑器,支持流程图、甘特图、时序图、任务列表、HTML 自动转换为 Markdown 等功能;🎉新增「所见即所得」编辑模式。

micromark

micromark/micromark: the smallest commonmark compliant markdown parser that exists; new basis for @unifiedjs (hundreds of projects w/ billions of downloads for dealing w/ content)
micromark/micromark-extension-mdx: micromark extension to support MDX (agnostic to JavaScript)
micromark/micromark-extension-mdxjs: micromark extension to support MDX.js

mdpdf

BlueHatbRit/mdpdf: Markdown to PDF command line app with support for stylesheets
mdpdf - npm

markdown-it-texmath

goessner/markdown-it-texmath: Support TeX math equations with your Markdown documents.

markdown-tree

hughsk/markdown-tree: Convert a markdown document into a JSON tree structure.
markdown-tree - npm

remarkable

jonschlinkert/remarkable: Markdown parser, done right. Commonmark support, extensions, syntax plugins, high speed - all in one. Gulp and metalsmith plugins are also available. Used by Facebook, Docusaurus and many others! See https://github.com/breakdance
reHackable/awesome-reMarkable: A curated list of projects related to the reMarkable tablet

snarkdown

developit/snarkdown: A snarky 1kb Markdown parser written in JavaScript

showdown

showdownjs/showdown: A bidirectional Markdown to HTML to Markdown converter written in Javascript

turndown

domchristie/turndown: 🛏 An HTML to Markdown converter written in JavaScript
Turndown Demo

vditor

Vanessa219/vditor: ♏ 一款浏览器端的 Markdown 编辑器,支持所见即所得(富文本)、即时渲染(类似 Typora)和分屏预览模式。An In-browser Markdown editor, support WYSIWYG (Rich Text), Instant Rendering (Typora-like) and Split View modes.

【掘金者说】Markdown 基于 Mermaid 的时序图、流程图和甘特图

#富文本编辑器

#WYSIWYG editor

mooeditable

cheeaun/mooeditable: [DISCONTINUED] A simple web-based WYSIWYG editor, written in MooTools.

pell

jaredreich/pell: 📝 the simplest and smallest WYSIWYG text editor for web, with no dependencies
pell/pell.js at master · jaredreich/pell
pell - jaredreich.com
不到200行 JavaScript 代码如何实现富文本编辑器 | 吴锴的博客

summernote

summernote/summernote: Super simple WYSIWYG editor
Summernote - Super Simple WYSIWYG editor

Trumbowyg

Alex-D/Trumbowyg: A lightweight and amazing WYSIWYG JavaScript editor - 20kB only (8kB gzip)
Trumbowyg - A lightweight WYSIWYG editor by Alex-D / Alexandre Demode
Trumbowyg - 轻量的 WYSIWYG 编辑器 - 梦想天空(山边小溪) - 博客园
ContentTools – 所见即所得(WYSIWYG)编辑器 - 梦想天空(山边小溪) - 博客园

tinymce

tinymce/tinymce: The world's #1 JavaScript library for rich text editing. Available for React, Vue and Angular

ckeditor

CKEditor Ecosystem
CKEditor | Smart WYSIWYG HTML editor | Collaborative rich text editor

graph.editor

samsha/graph.editor: HTML5拓扑图编辑器

h5-Dooring

MrXujiang/h5-Dooring: (H5编辑器)H5-Dooring是一款功能强大,开源免费的H5可视化页面配置解决方案,致力于提供一套简单方便、专业可靠、无限可能的H5落地页最佳实践。技术栈以react为主, 后台采用nodejs开发.

layout.border

samsha/layout.border: border layout for html

MediumEditor

MediumEditor
yabwe/medium-editor: Medium.com WYSIWYG editor clone. Uses contenteditable API to implement a rich text solution.

ProseMirror

ProseMirror

quill

delta

quilljs/delta

quill-markdown-shortcuts

patleeman/quill-markdown-shortcuts: Quill.js module that converts markdown to rich text formatting while typing.
aral/quill-markdown-shortcuts-for-vue-quill-editor: Fork of Quill.js module that converts markdown to rich text formatting while typing. Optimised for vue-quill-editor and Vue/Nuxt. Demo of the original:
quill-markdown-shortcuts - npm
Quill Markdown Shortcuts

quill-autoformat

Weavy/quill-autoformat: Module for formatting and transforming text as you type in Quill

quilljs-table

dost/quilljs-table: Table functionality for quilljs

quill-markup

jmquigley/quill-markup: A markup highlighting module for the Quill text editor

quill-mentions

brettimus/quill-mentions: mentions module for quilljs

quill-task-list

koffeinfrei/quill-task-list: A task list module for the quill editor

quill-image-extend-module

NextBoy/quill-image-extend-module: vue-quill-editor的增强模块,提供图片上传,复制插入,拖拽插入,支持与其他模块一起使用
quill-image-extend-module - npm
quill-image-extend-module2 - npm

quill-emoji

contentco/quill-emoji: Quill module toolbar extension for emoji
quill-emoji - npm
quill-emoji/emoji-list.js at master · contentco/quill-emoji

quill-image-drop-module

kensnyder/quill-image-drop-module: A module for Quill rich text editor to allow images to be pasted and drag/dropped into the editor.
quill-image-drop-module - npm
quill-image-drop-module 打包失败解决办法 - csdnwyn314的博客 - CSDN博客
quill-image-drop-module 图片粘贴的兼容性问题 - csdnwyn314的博客 - CSDN博客

quill-image-resize-module

kensnyder/quill-image-resize-module: A module for Quill rich text editor to allow images to be resized.
quill-image-resize-module - npm
cannot import ImageResize from 'quill-image-resize-module'; · Issue #65 · kensnyder/quill-image-resize-module
Cannot read property 'imports' of undefined Nuxtjs/SSR · Issue #28 · kensnyder/quill-image-resize-module
ImageResize is undefined after import · Issue #20 · kensnyder/quill-image-resize-module
with Angular4, TypeError: Cannot read property 'imports' of undefined · Issue #16 · kensnyder/quill-image-resize-module
Using Quill and React `TypeError: window.Quill is undefined` error · Issue #14 · kensnyder/quill-image-resize-module
Can't find variable: Quill when registering Quill modules · Issue #171 · surmon-china/vue-quill-editor
'imports' of undefined · Issue #7 · kensnyder/quill-image-resize-module

vue-quill-editor

toolbar

image

解决vue-quill-editor上传内容由于图片是base64的导致字符太长的问题_vue.js_脚本之家
vue-quill-editor上传内容由于图片是base64的导致字符太长的问题解决 - 灿爷的前端之路 - 博客园
vue-quill-editor实现图片上传功能_vue.js_脚本之家
vue.js - vue-quill-editor 编写文章的时候,插入图片过多,会返回错误,这是为什么? - SegmentFault 思否

(5条消息)在vue中Quill富文本编辑器的使用(主题、自定义工具栏、自定义字体选项、图片拖拽上传、图片改变大小) - Alison_Rose - CSDN博客

surmon-china/vue-quill-editor: 🍡@quilljs editor component for @vuejs
vue-quill-editor
vue-quill-editor富文本编辑器简单使用方法_vue.js_脚本之家
Vue中Quill富文本编辑器的使用教程_vue.js_脚本之家
vue如何安装使用Quill富文本编辑器_vue.js_脚本之家
vue富文本编辑器组件vue-quill-edit使用教程_vue.js_脚本之家
Vue项目中quill-editor带样式编辑器的使用方法_vue.js_脚本之家
Vue-Quill-Editor富文本编辑器的使用教程_vue.js_脚本之家
vue中安装使用Quill富文本编辑器 - Alison_Rose - CSDN博客
VueQuillEditor 如何添加自定义字体? - 代码 - 卜卜口
vue-quill-editor 富文本集成quill-image-extend-module插件实例,以及UglifyJsPlugin打包抱错问题处理 - 掘金

支持表格

QuillJs扩展使用——富文本编辑支持表格 - 简书

多媒体编辑器

大量图片base64储存问题 · Issue #21 · surmon-china/vue-quill-editor
对Quill富文本插件上传图片修改,调整部分功能 - 码农的自我修养 - CSDN博客

quilljs/quill: Quill is a modern WYSIWYG editor built for compatibility and extensibility.
quill 2.0.0-dev.3 on npm - Libraries.io
https://cdn.quilljs.com/2.0.0-dev.3/quill.js
https://cdn.quilljs.com/2.0.0-dev.2/quill.js
quill/toolbar.md at develop · quilljs/quill
Quill - Your powerful rich text editor
Toolbar Module - Quill Rich Text Editor
Cloning Medium with Parchment - Quill
quill 富文本编辑器自定义格式化 - 掘金
自定义总结 · Quill中文文档
Quill编辑器介绍及扩展 - czd890 - 博客园
Quill – 可以灵活自定义的开源的富文本编辑器 - 梦想天空(山边小溪) - 博客园

qunee

Qunee for HTML5 - 开发清新、高效的拓扑图组件

rete

retejs/rete: JavaScript framework for visual programming and creating node editor
Rete.js

sir-trevor-js

madebymany/sir-trevor-js: Rich content editing entirely re-imagined for the web
Sir Trevor JS | Made by Many

slate

ianstormtaylor/slate: A completely customizable framework for building rich text editors.
ianstormtaylor/slate: A completely customizable framework for building rich text editors.
Slate

wysihtml5

xing/wysihtml5: Open source rich text editor based on HTML5 and the progressive-enhancement approach. Uses a sophisticated security concept and aims to generate fully valid HTML5 markup by preventing unmaintainable tag soups and inline styles.
jhollingworth/bootstrap-wysihtml5: Simple, beautiful wysiwyg editor
wysihtml5 - A better approach to rich text editing
bootstrap-wysihtml5

Simditor
Web聊天工具的富文本输入框 - 掘金
关于复制 word 图文到富文本中的问题 - 掘金

CommonMark Spec

¥内容版权标记

copyrightmark: CopyrightMark是一个前端网页内容版权标记插件。

¥文本字符去重

JS单行、多行文本字符去重和行去重 - 掘金

¥转换网页

percollate

danburzo/percollate: 🌐 → 📖 A command-line tool to turn web pages into beautifully formatted PDFs

pill

rumkin/pill: Add dynamic content loading to static sites with only 1 KiB of JS

¥词云

d3-cloud

jasondavies/d3-cloud: Create word clouds in JavaScript.

iroun

pistis/iroun: Name analyzer written in Javascript

react-d3-cloud

Yoctol/react-d3-cloud: A word cloud react component built with d3-cloud.

react-tagcloud

madox2/react-tagcloud: Tag/word cloud component for react https://madox2.github.io/react-tagcloud/

react-tag-cloud

IjzerenHein/react-tag-cloud: Create beautiful tag/word clouds using React ☁️

wordcloud2.js

timdream/wordcloud2.js: Tag cloud/Wordle presentation on 2D canvas or HTML

¥注释

h-blog/hehe.js at master · HCThink/h-blog
HCThink/h-blog: js, javascript, blog, typescript, node, koa...
有趣的注释,总有你喜欢的那款 - 掘金
Dom Animator – 提供 Dom 注释动画的 JS 库 - 梦想天空(山边小溪) - 博客园

¥布局

¥other 布局

ag-grid

JavaScript Datagrid. Packed with features that your users need with the performance you expect
Grid布局指南 - _leonlee - 简书
ag-grid/ag-grid: Advanced Data Grid / Data Table supporting Javascript / React / AngularJS / Web Components
ag-Grid: Datagrid packed with features that your users need with the performance you expect.

gridstack

Gridstack.js – jQuery Plugin for Widget Layout | jQuery Plugins
gridstack.js | BootCDN - Bootstrap 中文网开源项目免费 CDN 加速服务
gridstack.js
gridstack api翻译 - EasonTuring - 博客园
gridstack/gridstack.js: Design your own drag-and-drop dashboards with ease

gridster.js

ducksboard/gridster.js: gridster.js is a jQuery plugin that makes building intuitive draggable layouts from elements spanning multiple columns
ww25.gridster.net/?z

jqGrid

tonytomov/jqGrid: jQuery grid plugin
jQuery Grid Plugin – jqGrid
jqGrid使用整理 - 月关 - ITeye博客
jQuery jqGrid | jQuery Plugin Registry
JQGrid的用法解析(列编辑,添加行,删除行) - CSDN博客
Guriddo
jqGrid权威文档-官网同步-中文--提供最权威的中文文档和实例
jqGrid - 开源中国社区
jqgrid--api,官网demo,编辑 - simonbaker - 博客园
利用JqGrid结合ashx显示列表之一 - 踏浪帅 - 博客园
jqGrid中文文档-中文权威
jqGrid中文API_Web前端开发框架_Web前端开发_Web开发网
jqGrid中文说明文档——选项设置_Helloweba
jqGrid中文API - 程序园
jqGrid demos-jqGrid实例-中文-mn886.net
jqGrid显示和隐藏列_jqGrid中文API_Web开发网

网格布局插件(Grid Plugins)

kombai/freewall: Freewall is a cross-browser and responsive jQuery plugin to help you create many types of grid layouts for desktop, mobile, and tablet...
jdogresorg/freewallet-mobile: Mobile wallet for iOS/Android/Browser which supports Bitcoin and Counterparty
hongkiat/jquery-freewall-grid: This demo shows Grid layout that is built with jQuery plugin called FreeWall
jQuery Nested
Mason by DrewDahlman
DrewDahlman/Mason: Mason.js for creating a perfect grid with jQuery.
Griddy: Simple Grid Overlay Plugin for jQuery – DevGrow.com
Monji Dolon
jQuery Photoset Grid - Style Hatch
jPhotoGrid - A Beautify jQuery Image Gallery
Grid-A-Licious
suprb/Grid-A-Licious: jQuery Grid-A-Licious plugin (v3)
Log in to Wookmark
jboesch/jSquares: A simple image gallery with popup information on hover (similar to ted.com)

Gridster.net

¥导航

Off Canvas 导航

移动 Web 开发必备!时尚的 Off Canvas 导航 - 梦想天空(山边小溪) - 博客园

响应式的单页网站导航插件

触摸滑出式导航菜单

jquery Win8 Metro风格界面的网址导航单页模板源码下载
jquery仿WIN8图片导航网站源码下载
jQuery上下收缩滑动树型菜单代码
jquery css3响应式布局制作多级响应式下拉菜单代码
jQuery鼠标悬停导航列表滑动展开菜单代码
jQuery橙色的二级折叠下拉菜单收缩展开效果
前端教程

¥可伸缩布局

lib-flexible

amfe/lib-flexible: 可伸缩布局方案

¥响应式布局

Freetile

yconst/Freetile: Freetile jQuery layout plugin

muuri

haltu/muuri: Responsive, sortable, filterable and draggable grid layouts
Muuri - Responsive, sortable, filterable and draggable grid layouts

¥统一页面规格与布局

equalize.js

tsvensen/equalize.js: The jQuery plugin for equalizing the height or width of your elements
equalize.js

$图形、图片、文件、上传&下载

¥canvas、svg&GL

canvas libs、plugins&tools

canvg

nathan-muir/canvgc: a nodejs tool for compiling SVG to html5 CanvasRenderingContext2D commands.
canvg/canvg: Javascript SVG parser and renderer on Canvas
canvg处理svg转png - CSDN博客

canvas-img-process

ssshooter/canvas-img-process: html5 canvas image process ( 3*3 kernel ) canvas卷积核测试 canvas图片后期

Fabric.js

Fabric.js Javascript Canvas Library
fabricjs/fabric.js: Javascript Canvas Library, SVG-to-Canvas (& canvas-to-SVG) Parser
Canvas实用库Fabric.js使用手册 - 掘金
Canvas实用库Fabric.js使用手册 - 前端随记 - SegmentFault 思否

li-canvas

501351981/li-canvas: 对Html5的canvas功能进行了封装,方便进行多图片绘制、圆角图片绘制、多行文字绘制、图片保存下载等功能.

literallycanvas

literallycanvas/literallycanvas: A canvas in your browser. Literally.
Literally Canvas — Literally Canvas v0.4.14 docs - HTML5 drawing board - MS Paint in your web browser

spritejs

spritejs/spritejs: A cross-platform lightweight 2D render object model.
spritejs - A lightweight 2D canvas rendering engine for modern browsers with ES6+.
SpriteJS ~ Next - 下一代 SpriteJS
SpriteJS ~ Next - 下一代 SpriteJS
SpriteJS ~ Next - 下一代 SpriteJS
例子 - SpriteJS ~ Next - 下一代 SpriteJS
omi/packages/omi-sprite at master · Tencent/omi
CSS 样式 - spritejs - A lightweight 2D canvas rendering engine for modern browsers with ES6+.
spriteJS: SpriteJS 是一款由 360 奇舞团开源的跨终端 canvas 绘图库,可以基于 canvas 快速绘制结构化 UI 、动画和交互效果,并发布到任何拥有 canvas 环境的平台上(比如浏览器、小程序和 node )
[开源] SpriteJS -- 一款简单的跨终端 canvas 绘图框架 - 掘金

Mikhus/canvas-gauges: HTML5 Canvas Gauge. Tiny implementation of highly configurable gauge using pure JavaScript and HTML5 canvas. No dependencies. Suitable for IoT devices because of minimum code base.
hustcc/canvas-nest.js: Interactive Particle / Nest System With JavaScript and Canvas, no jQuery.
CanvasPod/Canvas: Animate in Xcode without code

GL libs、plugins&tools

maplibre-gl-js

maplibre/maplibre-gl-js: MapLibre GL is a free and open-source fork of @mapbox/mapbox-gl

mapbox-gl-js

mapbox/mapbox-gl-js: Interactive, thoroughly customizable maps in the browser, powered by vector tiles and WebGL

svg libs、plugins&tools

svg-gradient-map

yoksel/svg-gradient-map: 🌈 Tool for creating SVG Filters with Gradient Map
SVG Gradient Map Filter

saveSvgAsPng

exupero/saveSvgAsPng: Save SVGs as PNGs from the browser.

svg背景图案

Trianglify - 生成五彩缤纷的 SVG 背景图案 - 梦想天空(山边小溪) - 博客园
Lottie Web SVG 动画源码浅析以及对应原生实现 – NewbieWeb

TicketMap

Hecoffee/TicketMap: 类似淘票票 选座功能(svg)

矢量图形库

mondrian

artursapek/mondrian: Web-based vector graphics editor

强大的矢量图形库:Raphael JS 中文帮助文档及教程 - 梦想天空(山边小溪) - 博客园
Introduction to Raphaël.js - HTML5 Rocks
An Introduction to the Raphael JS Library
SVG Drawing Animation - SVG 绘制动画 - 梦想天空(山边小溪) - 博客园
推荐15款制作 SVG 动画的 JavaScript 库 - 梦想天空(山边小溪) - 博客园
推荐8个实现 SVG 动画的 JavaScript 库 - 梦想天空(山边小溪) - 博客园
带给你灵感:30个超棒的 SVG 动画展示【上篇】 - 梦想天空(山边小溪) - 博客园
带给你灵感:30个超棒的 SVG 动画展示【下篇】 - 梦想天空(山边小溪) - 博客园
类似 Dribbble 下载按钮的 SVG 弹性动画进度条 - 梦想天空(山边小溪) - 博客园
学习使用 SVG 创建材料设计涟漪(Ripple)效果 - 梦想天空(山边小溪) - 博客园
DrawSVG - SVG 路径动画 jQuery 插件 - 梦想天空(山边小溪) - 博客园
Lazy Line Painter – 很有趣的 jQuery 路径动画插件 - 梦想天空(山边小溪) - 博客园
Lazy Line Painter

h5使用canvas画布实现手势解锁 - 前端

WebGL libs、plugins&tools

babylonjs

BabylonJS - 3D engine based on WebGL/Web Audio and JavaScript
【Babylonjs】起步 - WEBGL - CSDN博客
【温故知新】——BABYLON.js学习之路·前辈经验(一) - 柳洁琼Elena - 博客园
【温故知新】——BABYLON.js学习之路·前辈经验(二) - 柳洁琼Elena - 博客园
【开发总结】—— BABYLON 项目开发必备系列 - 柳洁琼Elena - 博客园
【开发总结】—— BABYLON 3D开发常见问题及解决方法 - 柳洁琼Elena - 博客园
【DQ冰淇淋】—— Babylon 冰淇淋三维互动营销项目总结 - 柳洁琼Elena - 博客园
BabylonJS/Babylon.js: Babylon.js is a powerful, beautiful, simple, and open game and rendering engine packed into a friendly JavaScript framework.

webglstudio.js

jagenjo/webglstudio.js: A full open source 3D graphics editor in the browser, with scene editor, coding pad, graph editor, virtual file system, and many features more.

3D Graphics: A WebGL Tutorial | Toptal
Barebones WebGL in 75 lines of code
WebGL基础教程:第一部分 - 掘金
WebGL基础教程:第二部分 - 掘金
WebGL基础教程:第三部分 - 掘金
WebGL 3D 入门系列:绘制渐变三角形 --- 深入理解缓冲区 - 掘金
WebGL 3D 入门与实践 --- 坐标系变换 :基本变换原理与算法实现 - 掘金
WebGL 3D 入门与实践: CSS 中的 3D 属性 - 掘金
WebGL 纹理颜色原理 - 掘金
WebGL 光照
使用WebGL去实现一个拖拽式UI代码生成App
20个不可思议的 WebGL 示例和演示 - 梦想天空(山边小溪) - 博客园

¥DOMTo/HTMLTo

dom-to-image

tsayen/dom-to-image: Generates an image from a DOM node using HTML5 canvas

html2svg

MrPeak/html2svg: Convert html to svg.

html2canvas

Releases · niklasvh/html2canvas
Add dpi/scale options for custom resolution by eKoopmans · Pull Request #1087 · niklasvh/html2canvas
基于html2canvas实现网页保存为图片及图片清晰度优化 - 代码片段 - 码云 Gitee.com
html2canvas - Screenshots with JavaScript
基于html2canvas实现网页保存为图片及图片清晰度优化 - 小云朵 - SegmentFault 思否
基于html2canvas实现网页保存为图片及图片清晰度优化 - CSDN博客
vue中完美解决html2canvas图片跨域问题_weixin_33885253的博客-CSDN博客

¥QRCode

Awesome-qr.js

SumiMakito/Awesome-qr.js: An awesome QR code generator written in JavaScript.

EasyQRCodeJS

ushelp/EasyQRCodeJS: EasyQRCodeJS is a feature-rich cross-browser pure JavaScript QRCode generation library. Support Canvas, SVG and Table drawing methods. Support Dot style, Logo, Background image, Colorful, Title etc. settings. Support Angular, Vue.js, React, Next.js framework. Support binary(hex) data mode.(Running with DOM on client side)

jquery.qrcode.js

jquery.qrcode.js生成二维码插件&转成图片格式 - CSDN博客
jeromeetienne/jquery-qrcode: qrcode generation standalone (doesn't depend on external services)
生成二维码的 jQuery 插件:jquery.qrcode.js

qrcode-style

coderhsw/qrcode-style: 艺术二维码生成插件

qart.js

kciter/qart.js: Generate artistic QR code. 🎨
QArt.js Example

qrcodejs

davidshimjs/qrcodejs: Cross-browser QRCode generator for javascript
qrcode.js
qrcode.js使用js生成二维码(并下载)的实践 - 简书
使用JavaScript 生成二维码:QRCode.js - 简书
QRCode.js 生成二维码 - 前端开发仓库

使用 Docker 和 Node 快速实现一个在线的 QRCode 解码服务 - 掘金

¥上传

¥other 上传

upload-to-qiniu

lyaaaa/upload-to-qiniu: 上传图片到七牛的Vscode插件
从零开发Vscode上传图片插件
node实现图片压缩

¥上传汇总

hishion/mbUploadify: html5移动端文件、图片上传插件
xjflyttp/yii2-uploadify-widget
Elhebert/vue-fineuploader: Easily integrate Fine Uploader into a VueJS 2 app. Drop-in high-level components for a turn-key UI. Use small focused components to build a more custom UI.
pekebyte/pekeUpload: jQuery html5 file uploader plugin
MicheleBertoli/jquery-html5-uploader: jQuery drag&drop file uploader
fengyuanchen/uploader: A simple jQuery file uploading plugin.
jalagrange/bootstrap_uploader: JQuery File Upload Demo
Rocketseat/youtube-upload-nodejs-reactjs-backend: Código produzido durante o vídeo sobre criação do backend de uma aplicação de upload de imagens com NodeJS e ReactJS.
dianbaer/anyupload: anyupload是一个极度纯净的上传插件,通过简单调整就可以融入到任何项目,支持多文件上传、上传速率动态控制、真实进度监控kb/s、分块生成MD5、分块上传、MD5校验秒传、暂停、
yeyan1996/file-upload
一文了解文件上传全过程(1.8w字深度解析,进阶必备) - 掘金
用原生js手写前端图片压缩上传插件 - 掘金
120行代码实现一个交互完整的拖拽上传组件 - 掘金
一个多文件断点续传、分片上传、秒传、重试机制的组件
实现多个大文件拖拽上传+大文件分片上传+断点续传+文件预览
字节跳动面试官:请你实现一个大文件上传和断点续传
input的file类型的accept属性的值 - CSDN博客
ajax上传_专题_脚本之家
javascript文件上传_专题_脚本之家
jQuery上传_专题_脚本之家
Java Web使用Html5 FormData实现多文件上传 - 陈无问 - 博客园
上传canvas图片到服务器 - 雨弓 - 博客园
ajaxFileUpload 针对 ie jquery 1.7+不能使用问题修复版本 - Chen.H - ITeye博客
Ajaxload - Ajax loading gif generator
玩转前端文件上传
大规格文件的上传优化

Dropzone.js

enyo/dropzone: Dropzone is an easy to use drag'n'drop library. It supports image previews and shows nice progress bars.
Dropzone.js
Home · Wiki · Matias Meno / Dropzone · GitLab

Droply.js

aelbuni/droply-js: Droply JS, a new responsive and cross browser chunk uploader with DragDrop and File Preview capabilities (HTML5/CSS3)
Droply.js - Minimal PHP file upload script | iTechFlare

fine-uploader

FineUploader/fine-uploader: Multiple file upload plugin with image previews, drag and drop, progress bars. S3 and Azure support, image scaling, form support, chunking, resume, pause, and tons of other features.
Fine Uploader Javascript Upload Library

filepond

pqina/filepond: 🌊 A flexible and fun JavaScript file upload library
Easy File Uploading With JavaScript | FilePond

Huploadify

Double-Lv/Huploadify: jQuery文件上传插件,HTML5版uploadify,保持与uploadify一致的API

jQuery File Uploader

danielm/uploader: A lightweight and very configurable jQuery plugin for file uploading using ajax(a sync); includes support for queues, progress tracking and drag and drop.
jQuery Ajax File Uploader Widget
blueimp/jQuery-File-Upload: File Upload widget with multiple file selection, drag&drop support, progress bar, validation and preview images, audio and video for jQuery. Supports cross-domain, chunked and resumable file uploads. Works with any server-side
jQuery File Upload Demo

Resumable.js

Resumable.js, JavaScript magic for simultaneous, stable and resumable uploads
23/resumable.js: A JavaScript library for providing multiple simultaneous, stable, fault-tolerant and resumable/restartable uploads via the HTML5 File API.

Simple-Ajax-Uploader

LPology/Simple-Ajax-Uploader: Javascript file upload plugin with progress bar support. Works in all major browsers, including IE7+, Chrome, Firefox, Safari, and Opera. No dependencies - use it with or without jQuery.

uploadify

i5ting/uploadify: uploadify = express && koa 2 uploadify with jquery fileupload
HTML5 File Upload Script, jQuery Multiple File Upload Plugin - Uploadify / UploadiFive - Uploadify
jQuery上传插件uploadify中文文档 - CSDN博客
Springmvc+uploadify实现文件上传 - CSDN博客
uploadify上传插件完整Demo(包括后台) - CSDN博客
jquery.uploadify文件上传组件 - 迪克猪 - 博客园
JQuery上传插件Uploadify使用详解 - oec2003 - 博客园
基于HTML5的jquery文件上传插件

uppy

transloadit/uppy: The next open source file uploader for web browsers
Uppy File Uploader

uploader

kissygalleryteam/uploader: 异步文件上传组件
simple-uploader/Uploader: A JavaScript library providing multiple simultaneous, stable, fault-tolerant and resumable/restartable file uploads via the HTML5 File API.

WebUploader

大文件分段上传

js大文件分段上传并获取文件md5 - 52.0Hz的博客 - CSDN博客
web前端分片上传demo(基于webuploader) - - ITeye博客

fex-team/webuploader: It's a new file uploader solution!
WebUploader 解决文件多次上传和删除上传文件的问题 - 二奎 - 博客园
关于webuploader插件使用过程遇到的小问题_jquery_脚本之家

¥下载

¥other 下载

原生JS实现base64图片下载-图片保存到本地_JavaScript_weixin_33734785的博客-CSDN博客

¥下载汇总

了解HTML/HTML5中的download属性 « 张鑫旭-鑫空间-鑫生活
这应该是你见过的最全前端下载总结 - 掘金
前端文件下载通识篇 - 掘金
二进制数组实战 - 纯前端导出Excel文件 - 掘金
聊聊前端文件下载 - 掘金
前端实现文件下载和拖拽上传 - 掘金
纯前端JS实现图片合并与下载 - 掘金
前端下载带来的一些思考_玉案轩窗的博客-CSDN博客
js实现点击下载文件_rongDang的博客-CSDN博客
js前端文件下载_断了的弦的博客-CSDN博客
js下载文件到本地各种方法总结,解决火狐浏览器下载文件直接打开问题不是下载_wodebokecsdn的博客-CSDN博客
js 文件保存下载 - 简书
JS下载文件常用的方式 - 个人文章 - SegmentFault 思否
前端js实现字符串/图片/excel文件下载 - 个人文章 - SegmentFault 思否
【JS】前端文件下载(无刷新)方法总结 - willingtolove - 博客园
JS单个、多文件批量下载,前端文件下载(原创)
前端下载文件的5种方法的对比
https://mp.weixin.qq.com/s?__biz=Mzg5NDAyNjc2MQ==&mid=2247484782&idx=1&sn=b89e5cd3be8625a9b467ef87c2ac510f&chksm=c0249008f753191e4d3ca9ccd45782208f48793dc058ac8e3cefd0d368f6f4646a97a3e5f637&mpshare=1&scene=23&srcid=0902lf7hEsq07BPJbXYXpsWM&sharer_sharetime=1599005888378&sharer_shareid=c4ff3c0072f45c02ec37111084873c94#rd

download-client-listener

wuxianjiezh/download-client-listener: 监听浏览器文件下载事件的插件

download

rndme/download: file downloading using client-side javascript

FileSaver.js

eligrey/FileSaver.js: An HTML5 saveAs() FileSaver implementation
koffsyrup/FileSaver.js: saveTextAs() for all browsers & saveAs() FileSaver for HTML5
Saving generated files on the client-side — Eli Grey
聊一聊 15.5K 的 FileSaver,是如何工作的?
FileSaver源码阅读_玉案轩窗的博客-CSDN博客

javascript-multiple-download

barretlee/javascript-multiple-download: JavaScript多文件下载

StreamSaver.js

jimmywarting/StreamSaver.js: StreamSaver writes stream to the filesystem directly asynchronous
StreamSaver example codes

TableExport

clarketm/TableExport: The simple, easy-to-implement library to export HTML tables to xlsx, xls, csv, and txt files.
TableExport · TableExport

2016 - the year of web streams - JakeArchibald.com

¥电子签名

jSignature

jQuery手写签名插件jSignature
jSignature签字板保存为图片 - CSDN博客
用canvas的toDataURL()将图片转为dataURL(base64) - 简书
jSignature签字板保存为图片 - 疾风追梦 - 博客园
jSignature签字板保存为图片 - 疾风追梦 - 博客园
Data URI scheme - Wikipedia

signature_pad

szimek/signature_pad: HTML5 canvas based smooth signature drawing
Signature Pad demo
signature_pad CDN by jsDelivr - A CDN for npm and GitHub
canvas画笔功能 Signature PadScript - 阿里云

¥图片

¥区分图片的类型&类型转换

¥AVIF

avif.js

Kagami/avif.js: AVIF polyfill for the browser
avif.js demo

nucliweb/avif-in-css: PostCSS plugin to use AVIF in CSS background
AVIF图片格式简介 « 张鑫旭-鑫空间-鑫生活
AVIF - 你不得不了解的图像格式

¥GIF

gif.js

jnordberg/gif.js: JavaScript GIF encoding library

NickeManarin/ScreenToGif: 🎬 ScreenToGif allows you to record a selected area of your screen, edit and save it as a gif or video.
「 墙裂推荐」互联网人必备GIF制作的14种选择
Animated GIF editor and GIF maker
GIF格式素材-图片下载分类-www.websbook.com
GifCam - Download
LICEcap 中文版 - 超简单的 GIF 动画制作软件神器 (屏幕录像生成 GIF 图片工具) | 异次元软件下载
Screen to GIF - Download
SOOGIF - GIF搜索_可能是最懂你的GIF动图中文搜索平台_魔性野表情发源地

¥PNG

PNG图片压缩原理解析 - 掘金

¥图片类型转换

#理论依据

图片的三种表现形式,url,base64,blob以及相互转化 · Issue #9 · heightzhang/Reading-and-Reality
Convert Image to Data URI with JavaScript
小tip: base64:URL背景图片与web页面性能优化 « 张鑫旭-鑫空间-鑫生活
你知道前端对图片的处理方式吗? - 掘金
玩转图片流 - 前端 - 掘金
前端图片压缩及上传 - 掘金
前端html img src base64 的data 的类型参数 - CSDN博客
如何使用js将canvas保存为图片文件,并且可以自定义文件名 - CSDN博客
html base64 img 图片显示 - lgh1117的专栏 - CSDN博客
canvas元素内容生成图像文件 - 江湖夜雨十年灯 - SegmentFault 思否
关于图片或者文件在数据库的存储方式归纳 - 王滔 - 博客园
关于base64编码的原理及实现 - 岑安 - 博客园
Base64编码原理与应用

canvas2image

hongru/canvas2image: a tool for saving or converting canvas as img

imageResizeTool

WangYuLue/imageResizeTool: 一个简单易用的JS图片压缩方法
JS中图片压缩的一般方法 - CSDN博客

ImageResizer.js

分享一个前端等比压缩图片插件 - CSDN博客

retinajs

strues/retinajs: JavaScript, SCSS, Sass, Less, and Stylus helpers for rendering high-resolution image variants
Retina.js | Retina graphics for your website

¥实现图片压缩

#图片压缩

jpegmini

JPEGmini - Reduce file size, not quality

12个用于网站性能优化的最佳的图片压缩工具 - 梦想天空(山边小溪) - 博客园
JS 图片简易压缩 - 掘金

¥获取图片的尺寸、裁剪&注释

¥图片裁剪

croppic

croppic
sconsult/croppic: croppic

Cropper.js

fengyuanchen/cropperjs: JavaScript image cropper.

¥图片注释

coco-annotator

jsbroks/coco-annotator: :pencil2: Web-based image segmentation tool for object detection, localization and keypoints

annotate-images · GitHub Topics
image-labeling · GitHub Topics

¥预览本地图片、占位符、全屏、全景&特效

¥图片占位符

Unsplash.it - 实用的图片占位符,支持个性化设置 - 梦想天空(山边小溪) - 博客园
Lorem Picsum

¥图片浏览

viewerjs

fengyuanchen/jquery-viewer: A jQuery plugin wrapper for Viewer.js.
fengyuanchen/viewerjs: JavaScript image viewer.
Viewer.js

Intense Images – 全屏浏览图像的 JS 插件 - 梦想天空(山边小溪) - 博客园

¥全屏看图

tholman/intense-images: A simple library to view large images up close using simple mouse interaction, and the full screen.

¥全景展示

peachananr/panorama_viewer: Embed panorama photos on your website with Panorama Viewer
jQuery Panorama Viewer by Pete R. | The Pete Design
【精心挑选】推荐几款非常棒的 jQuery 全景图片展示插件 - 梦想天空(山边小溪) - 博客园
聊一聊全景图 | NewbieWeb

¥图片特效

WordPress Gallery 画廊

25个最佳的 WordPress Gallery 画廊插件 - 梦想天空(山边小溪) - 博客园

图片放大镜效果

Magnifier.js

Magnifier.js demo
mark-rolich/Event.js: Unifies event handling across browsers
mark-rolich/Magnifier.js: Javascript library enabling magnifying glass effect on an images

图片倒影

reflex.js (javascript cover flow image effect)

灯箱效果

LightGallery.js – 功能齐全的 Javascript Lightbox - 梦想天空(山边小溪) - 博客园
Chocolat.js – 响应式的 jQuery Lightbox 插件 - 梦想天空(山边小溪) - 博客园
推荐15款响应式的 jQuery Lightbox 插件 - 梦想天空(山边小溪) - 博客园
轻量的、可自定义 CSS 的 Lightbox 相册插件 - 梦想天空(山边小溪) - 博客园

Magnific Popup

dimsemenov/Magnific-Popup: Light and responsive lightbox script with focus on performance.
Magnific Popup

imagelightbox.js

osvaldasvalutis/imagelightbox.js: A JavaScript library for touch-friendly image lightbox.
Image Lightbox, Responsive and Touch‑friendly — Osvaldas Valutis

跑马灯效果

powerSwitch

zhangxinxu/powerSwitch: 万能切换插件,选项卡、跑马灯、手风琴、无限切换都不在话下~
jQuery powerSwitch万能slide(切换)插件 « 张鑫旭-鑫空间-鑫生活

8款非常棒的响应式 jQuery 幻灯片插件推荐 - 梦想天空(山边小溪) - 博客园
精心挑选的23款美轮美奂的 jQuery 图片特效插件 - 梦想天空(山边小溪) - 博客园
网站项目必备——12款经典的白富美型 jQuery 图片轮播插件 - 梦想天空(山边小溪) - 博客园
S Gallery – 很有特色的响应式 jQuery 相册插件 - 梦想天空(山边小溪) - 博客园

轮播图

iSlider

iSlider by BE-FE
be-fe/iSlider: Smooth mobile touch slider for Mobile WebApp, HTML5 App, Hybrid App

OwlCarousel2

OwlCarousel2/OwlCarousel2: jQuery Responsive Carousel.
Home | Owl Carousel | 2.3.4

slip.js

binnng/slip.js: 移动端跟随手指滑动组件,零依赖。
Slip.js

WebSlides

webslides/WebSlides: Create HTML presentations in seconds —
WebSlides: Create Beautiful HTML Presentations

jquery旋转木马插件SLICK
jQuery轮播插件slider
yued-fe/snap-swiper: 基于css的scroll-snap-type实现自动轮播的效果插件

图片滑动

PhotoSwipe

dimsemenov/PhotoSwipe: JavaScript image gallery for mobile and desktop, modular, framework independent
PhotoSwipe: Responsive JavaScript Image Gallery
兼容移动端和PC端的图片滑动切换展示效果:PhotoSwipe_Helloweba

slippry

Slippry - A responsive slider by booncon
booncon/slippry: Responsive slider plugin for jQuery

图片悬浮

Treast/puffin.js: A new way to hover images

¥操作位图像素数据、加载&保存

提取图像颜色

Codrops 实验:使用 Vibrant.js 提取图像颜色 - 梦想天空(山边小溪) - 博客园

图片保存

H5 实现保存图片的采坑记录 · Issue #8 · whinc/blog

渐进式图片加载

瀑布流

masonry

desandro/masonry: Cascading grid layout plugin
masonry.desandro.com
Masonry--“瀑布流” 布局(图片较多,推荐在WIFI下查看) - CJc917 - 博客园

Metro风兼瀑布流布局效果 - 懒人之家

js计算图片内点个数 - 掘金

¥实现图片隐写

showImg

yzygithub/showImg: 查看数据集的图片
alexkimxyz/nsfw_data_scrapper: Collection of scripts to aggregate image data for the purposes of training an NSFW Image Classifier
一个22万张NSFW图片的鉴黄数据集?我有个大胆的想法…… - 知乎

图片隐写加密/解密

¥图片预加载、懒加载与响应式

懒加载

echo-js

echo

amazeui/echo: Lazy-loading images with data-* attributes
Echo.js | Amaze UI 插件

documents/plugin/echo at master · helijun/documents
Echo.js, simple JavaScript image lazy loading

jquery_lazyload

tuupola/jquery_lazyload: Vanilla JavaScript plugin for lazyloading images
documents/jquery.lazyload.js at master · helijun/documents
Vanilla JavaScript Lazy Load Plugin

lozad.js

ApoorvSaxena/lozad.js: 🔥 Highly performant, light ~0.9kb and configurable lazy loader in pure JS with no dependencies for responsive images, iframes and more
Lozad.js: Highly performant lazy loader

lazyestload.js

Paul-Browne/lazyestload.js: load images only when they are in (and remain in) the viewport
https://rawgit.com/Paul-Browne/lazyestload.js/master/dist/lazyestload.html

layzr.js

callmecavs/layzr.js: A modern lazy loading library for images.

tada

fallroot/tada: Lightweight, no dependency library for lazy image load. Duplicate element check, throttled scroll handler, percent threshold supported.

原生JS实现最简单的图片懒加载 · Issue #1 · axuebin/articles
HTML5自定义属性对象Dataset简介 « 张鑫旭-鑫空间-鑫生活
使用jQuery实现图片懒加载原理 - 廖雪峰的官方网站
图片懒加载的前世今生 - 掘金
实现图片懒加载(throttle, debounce) - 掘金
图片懒加载使用方法及感受 - CSDN博客
使用JS进行图片懒加载 - CSDN博客
原生JS实现最简单的图片懒加载 - 打基础打基础打基础 - SegmentFault 思否
js实现图片懒加载 - 简书
JS图片延迟加载分析及简单的demo - 龙恩0707 - 博客园
图片懒加载 - 小火柴的蓝色理想 - 博客园
前端实现图片懒加载(lazyload)的两种方式 - liliangel - 博客园
(可视区域加载)图片懒加载实现原理 - 最骚的就是你 - 博客园
前端如何实现图片懒加载(lazyload) 提高用户体验
按需加载图片(图片懒加载) - 云库网
lazyload

预加载

img-2

RevillWeb/img-2: Replace <img /> elements with <img-2> to automatically pre-cache images and improve page performance.

3+ Ways to Preload Images Using CSS, JavaScript, or Ajax | Perishable Press
Javascript图片预加载详解 - CSDN博客
JS实现图片预加载之无序预加载功能代码_javascript技巧_脚本之家
Javascript图片预加载详解 - WEB前端 - 伯乐在线
实现类似Pinterest 的图片预加载功能 - WEB前端 - 伯乐在线
[前端]图片预加载方法 - 杠子 - 博客园
js中图片的预加载演示 - _yh - 博客园
jQuery图片预加载(延迟加载)插件Lazy Load-前端开发博客
基于javascript实现图片预加载_JavaScript_WEB开发_文档_源码天空
dmnsgn/async-preloader: Assets preloader using ES2017 async/await and fetch.

响应式

响应式图片 - 学习 Web 开发 | MDN

eligrey/hotlink.js: Hide image referrers
javascript图片懒加载与预加载的分析 - HackerVirus - 博客园

CamanJS

meltingice/CamanJS: Javascript HTML5 (Ca)nvas (Man)ipulation

tui.image-editor

nhn/tui.image-editor: 🍞🎨 Full-featured photo image editor using canvas. It is really easy, and it comes with great filters.

Jeffrey Friedl's Image Metadata Viewer
图片处理不用愁,给你十个小帮手
web 图像技术:前端引入图片的各种方式及其优缺点 - 掘金
前端工程师必备的图片知识(长文建议收藏)

¥文件

¥CSV

mholt/PapaParse: Fast and powerful CSV (delimited text) parser that gracefully handles large files and malformed input

¥Doc&Word

GoogleDoc2Html

oazabir/GoogleDoc2Html: Export Google Doc as clean html. Handy to make a Wordpress post from Google Doc.

node-crocodoc

storminwalker/node-crocodoc: Simple wrapper around the Crocodoc API for NodeJS

在前端如何玩转 Word 文档

¥PDF

html2pdf.js

eKoopmans/html2pdf.js: Client-side HTML-to-PDF rendering using pure JS.

jsPDF

MrRio/jsPDF: Client-side JavaScript PDF generation for everyone.
jsPDF - CSDN博客
jsPDF - HTML5 PDF Generator | Parallax

pdf-annotate.js

instructure/pdf-annotate.js: Annotation layer for pdf.js (no longer maintained)
PDFJSAnnotate

pdf.js

mozilla/pdf.js: PDF Reader in JavaScript
mozilla/pdfjs-dist: Generic build of PDF.js library.
PDF.js

Parsr

axa-group/Parsr: Transforms PDF, Documents and Images into Enriched Structured Data

mupdf

ArtifexSoftware/mupdf: mupdf mirror

Poppler

Poppler

pdf2htmlEX

coolwanglu/pdf2htmlEX: Convert PDF to HTML without losing text or format.

PDFObject

pipwerks/PDFObject: A lightweight JavaScript utility for dynamically embedding PDFs in HTML documents.
pdfobject - npm
PDFObject: A JavaScript utility for embedding PDFs

WebODF

webodf/WebODF: WebODF - JavaScript Document Engine
WebODF

rawgit.com
把HTML转成PDF的4个方案及实现方法 - 掘金
html页面导出为pdf(jsPDF、iText、wkhtmltopdf) - CSDN博客
(3条消息) 如何直接在网页中显示PDF文件_IT技术宅 北方的刀郎专栏-CSDN博客
pdf编辑工具有哪些比较简单好用的? - 知乎
如何实现高性能的在线 PDF 预览 - 政采云前端团队
分享8个网站开发中最好用的打印页面插件 - 梦想天空(山边小溪) - 博客园
(...) 有没有办法让HTML5 canvas显示/预览word/excel/powerpoint 文档? - SegmentFault 思否
[Asp.net]常见word,excel,ppt,pdf在线预览方案,有图有真相,总有一款适合你! - wolfy - 博客园
[Asp.net]常见word,excel,ppt,pdf在线预览方案,有图有真相,总有一款适合你!(续) - wolfy - 博客园

ViewerJS

webodf/ViewerJS: ViewerJS: Document Reader in JavaScript
ViewerJS Home
ViewerJS Get ViewerJS

PHPOffice
第九期|前端自研文档显示有多难 - 掘金

¥图形

《图形学》

图形学 | 格物致知!PNG 除了无损压缩你还知道什么?
图形学 | 蓄势待发!说一说图片相关的那些概念

Turf.js

nickpeihl/turf-async: Demonstrating how to use Turf.js with web workers to run geoprocesses asynchronously
Turf.js | Advanced Geospatial Analysis
JavaScript API | 腾讯位置服务
数据可视化API | 腾讯位置服务
基于Turf.js教你快速实现地理围栏的合并拆分
简单重叠实心多边形的交集/并集计算

luffyZh/frontend-download-sample: 🎄 自己整理的一些项目中遇到过的关于上传和下载的一些Demo,仅供给位看官参考,避免踩坑,即插即用,欢迎fork和star🌟,为这个仓库添砖加瓦~(P.S. 个人认为如果
如何使用JavaScript实现前端导入和导出excel文件(H5编辑器实战复盘)

$事件、静态效果、动效&可视化

¥静态效果

¥尺子效果

RulersGuides.js

RulersGuides.js demo
mark-rolich/RulersGuides.js: Creates Photoshop-like guides and rulers interface on a web page

simbawus/slide-ruler: 📏 Slide Ruler 滑尺数值选择器

¥时间轴效果

Timeline Portfolio - 时间轴作品集效果 - 梦想天空(山边小溪) - 博客园

¥阴影效果

Shine.js – 帮助你实现各种好看的阴影效果 - 梦想天空(山边小溪) - 博客园

¥蒙版效果

Barrage UI

可实现B站 蒙版弹幕 效果的前端组件 —— Barrage UI - 掘金
parksben/barrage: Best and lightest barrage component for web UI. 适用于 web 界面的轻量级弹幕组件

【小案例】基于色键技术的纯客户端实时蒙版弹幕 - 掘金
弹幕不挡人!基于色键技术的纯客户端实时蒙版弹幕 - 掘金

¥视觉差效果

Parallax.js

pixelcog/parallax.js: Simple parallax scrolling effect inspired by Spotify.com implemented as a jQuery plugin

rellax

dixonandmoe/rellax: Lightweight, vanilla javascript parallax library
Vanilla Javascript Parallax Library — Rellax

¥鼠标悬停效果

7种鼠标悬停效果,多样的图片说明展示
30种奇妙的鼠标悬停效果【附源码下载】 - 梦想天空(山边小溪) - 博客园

¥键盘效果

digital-keyboard

simbawus/digital-keyboard: ⌨️ Digital Keyboard 数字键盘

¥球体效果

Planetary.js

BinaryMuse/planetary.js: Awesome interactive globes for the web
Planetary.js: Awesome interactive globes for the web

¥书签效果

使用 CSS3 & jQuery 制作漂亮的书签动画 - 梦想天空(山边小溪) - 博客园

CSS3打开信封发送留言样式代码

¥滚动&滑动

¥other 滚动&滑动

gabrielevanini/ppGallery: jQuery gallery
jeremyfry/PikaChoose: jQuery Image Gallery
builtbywill/booklet: jQuery Plugin - display web content in a flipbook
Solutions-Nitriques/jQuery-easySlider: Our remix of the easySlider jQuery plugin built by Alen Grakalic
daledavies/jQuery-Easy-Slides: Possibly the easiest to use jQuery plugin for making slideshows!
kflorence/jquery-easySlider: This is a modified version of Alen Grakalic's Easy Slider plugin.
CSS-Tricks/AnythingSlider: A jQuery Slider plugin for anything.
jobyktom/RotatingImageSlider: RotatingImageSlider
vemulvamsy/RotatingImageSlider: RotatingImageSlider
Codeinwp/Nivo-Slider-jQuery: Nivo Slider - The Most Awesome jQuery Image Slider
wpschool/PortfolioImageNavigator
codrops/StackSlider: An experimental image slider that flips through images in 3D. Two stacks resemble image piles where images will be lifted off from and rotated to the center for viewing.
codrops/Slicebox: Slicebox is  a jQuery 3D image slider plugin that makes use of CSS 3D Transforms and provides a graceful fallback for older browsers that don't support the new properties.
ClearWebSolutions/jQuery-3D-slider: jQuery plugin - image 3D slider
jaskiran-chhokar/3D-Image-Slider: A 3d image slider made purely with CSS
nathansearles/Slides: Slides is a crazy simple slideshow plugin for jQuery. With features like looping, auto play, fade or slide transition effects, crossfading, image preloading, and auto generated pagination. With Slides you’ll never see multiple slid
TritonHo/slides: it is a repository to store all slides used by Triton Ho's public presentation and course.
crazysunj/CardSlideView: 一行代码实现ViewPager卡片效果,支持无限循环
HelloYeah/HYSideViewController: 轻松集成左右侧滑,接口简单.逻辑清晰
jssor/slider: Touch swipe image slider/slideshow/gallery/carousel/banner mobile responsive bootstrap
viljamis/ResponsiveSlides.js: Simple & lightweight responsive slider plugin (in 1kb)
Booklet - jQuery Plugin - Home
AnythingSlider
Getting started with the Nivo Slider jQuery Plugin - ThemeIsle Docs
3D Image Slider
SlidesJS, a responsive slideshow plug-in for jQuery (1.7.1+) with features like touch and CSS3
Improving Scroll Performance with Passive Event Listeners  |  Web  |  Google Developers
滑动穿透(锁body)终极探索 - 掘金
Unable to preventDefault inside passive event listener - 前端笔记 - SegmentFault 思否
推荐12款实用的 JavaScript 书页翻转效果插件 - 梦想天空(山边小溪) - 博客园
推荐几款制作网页滚动动画的 JavaScript 库 - 梦想天空(山边小溪) - 博客园
神奇的滚动动画,30个视差滚动网站设计 - 梦想天空(山边小溪) - 博客园
Infinite Scroll - jQuery & WP 无限滚动插件 - 梦想天空(山边小溪) - 博客园
pagePiling.js - 创建漂亮的全屏滚动效果 - 梦想天空(山边小溪) - 博客园
Sequence.js - 适合电子商务网站的图片滑块 - 梦想天空(山边小溪) - 博客园
AviaSlider是一个具有独特过渡效果的jQuery幻灯片插件。
结合 CSS3 & jQuery 实现精致的 3D 图库
Slicebox - 3D图片滑块效果
Slicebox - 3D图片滑块效果
jQuery全屏滚动插件fullPage.js
图片文字滚动插件jQuery Scrollbox
liMarquee – jQuery无缝滚动插件_dowebok
jQuery图片模糊插件crossfade.js_dowebok

AnimateScroll

AnimateScroll - jQuery Plugin for Animating Scroll
rampatra/animatescroll.js: A Simple jQuery Plugin for Animating Scroll

better-scroll

ustbhuangyi/better-scroll: inspired by iscroll, and it supports more features and has a better scroll perfermance
BetterScroll by ustbhuangyi
介绍 · better-scroll
当 better-scroll 遇见 Vue - 知乎
从 12.9K 的前端开源项目我学到了啥?

body-scroll-lock

willmcpo/body-scroll-lock: Body scroll locking that just works with everything 😏
tuateam/tua-body-scroll-lock: Body scroll locking that just works with everything

basicScroll

electerious/basicScroll: Standalone parallax scrolling for mobile and desktop with CSS variables.
Parallax scrolling with CSS variables | basicScroll

Glider.js

NickPiscitelli/Glider.js: A blazingly fast, lightweight, dependency free, minimal carousel with momentum scrolling!
Glider.js - A fast, lightweight carousel alternative

iscroll

cubiq/iscroll: Smooth scrolling for the web
iscrolljs.com

keen-slider

rcbyr/keen-slider: The HTML touch slider carousel with the most native feeling

mescroll

mescroll/mescroll: 精致的下拉刷新和上拉加载 js框架.支持vue,完美运行于移动端和主流PC浏览器 (JS framework for pull-refresh and pull-up-loading)
mescroll -- 精致的下拉刷新和上拉加载js框架

MTransition

HJ-Money/MTransition: Android:自定义页面切换动画,Custom page Transition

OverlayScrollbars

KingSora/OverlayScrollbars: A javascript scrollbar plugin which hides native scrollbars, provides custom styleable overlay scrollbars and keeps the native functionality and feeling.

Swiper

nolimits4web/swiper: Most modern mobile touch slider with hardware accelerated transitions
fex-team/swiper: 轻量的移动端 H5 翻页库
yanzhenjie/SwipeRecyclerView: RecyclerView侧滑菜单,Item拖拽,滑动删除Item,自动加载更多,HeaderView,FooterView,Item分组黏贴。
SwipeRecyclerView/README.md at master · yanzhenjie/SwipeRecyclerView
baoyongzhang/SwipeMenuListView: [DEPRECATED] A swipe menu for ListView.
TUBB/SwipeMenu: A swipe menu for horizontal/vertical, support left/right add top/bottom directions
SwipeMenuDemo/README.md at master · Brioal/SwipeMenuDemo
joe223/tiny-swiper: 📦 2kb modular JS library alternative to SwiperJS with same modern API for carousel/slider/slideshow.
Swiper中文网
Swiper中文网
中文api - Swiper中文网
SwiperProxy
Swiper 中文API手册(share) - 挨踢前端 - 博客园
swiper的理解 - 向君 - 博客园
swiper - 百度

ScrollUp

ScrollUp – 超轻量的可定制的回到顶部 jQuery 插件 - 梦想天空(山边小溪) - 博客园

scrollmagic

ScrollMagic ♥ Demo
janpaepke/ScrollMagic: The javascript library for magical scroll interactions.

scrollpath

JoelBesada/scrollpath: A plugin for defining custom scroll paths.
jQuery Scroll Path

scroll-hint

ScrollHint
appleple/scroll-hint: A JS library to suggest that the elements are scrollable horizontally, with the pointer icon.

scroll-js

mkay581/scroll-js: Light cross-browser scroller that uses native javascript

ScrollReveal

ScrollReveal
scrollreveal/scrollreveal: Animate elements as they scroll into view.
Revealing Elements with scrollReveal.js

tiny-slider

ganlanyuan/tiny-slider: Vanilla javascript slider for all purposes.

wow-js

Reveal Animations When Scrolling — WOW.js
matthieua/WOW: Reveal CSS animation as you scroll down a page

¥动效&动画

#FLIP技术

Aerotwist - FLIP Your Animations
前端动画必知必会:React 和 Vue 都在用的 FLIP 思想实现小姐姐流畅移动。
让动画变得更简单之FLIP技术 - 掘金
FLIP技术给Web布局带来的变化_JavaScript, FLIP, Animation, Web动画 教程_w3cplus

#svg动画

snapsvg

adobe-webplatform/Snap.svg: The JavaScript library for modern SVG graphics.
Snap.svg - Home

Walkway.js – 用线条制作简约的 SVG 动画 - 梦想天空(山边小溪) - 博客园

#timeline-based

scenejs

daybrush/scenejs: 🎬 Scene.js is JavaScript & CSS timeline-based animation library

#动效&模拟事物

BookBlock&booklet-like

codrops/BookBlock: A jQuery plugin that will create a booklet-like component that let's you navigate through its items by flipping the pages.
codrops/BookPreview: A "look inside" book preview with BookBlock. A concept for book showcases or online book stores that shows a grid of books with the options to view the details and to look inside of the book, opening the BookBlock in fullscreen and allowing for a 3D page navigation.

cubic-bezier

cubic-bezier(.17,.67,.83,.67) ✿ cubic-bezier.com

bezier-easing

gre/bezier-easing: cubic-bezier implementation for your JavaScript animation easings – MIT License

HTML 原型点击效果

TouchPoint.js – 可视化展示 HTML 原型点击效果 - 梦想天空(山边小溪) - 博客园

page transition

swup

swup/swup: Complete, flexible, extensible and easy to use page transition library for your web.

雨滴效果

Rainyday.js – 使用 JavaScript 实现雨滴效果 - 梦想天空(山边小溪) - 博客园

元素拖放着色

拖放交互界面

来自 Codrops 的7种创新的拖放交互界面 - 梦想天空(山边小溪) - 博客园

很赞的效果!互动的页面元素拖放着色实验 - 梦想天空(山边小溪) - 博客园

创建粒子背景

ParticlesJS

VincentGarreau/particles.js: A lightweight JavaScript library for creating particles
VincentGarreau/particles.js: A lightweight JavaScript library for creating particles
marcbruederlin/particles.js: A lightweight, dependency-free and responsive javascript plugin for particle backgrounds.
particles.js - A lightweight JavaScript library for creating particles
JS库使用ParticlesJS的简单介绍-js教程-PHP中文网
particles.js使用及配置 - 梦幻飞雪 - 博客园

页面跳舞

Rythm.js

Rythm.js
Okazari/Rythm.js: A javascript library that makes your page dance.

录制与回访

rrweb

rrweb.io | Open source web session replay library
rrweb-io/rrweb: record and replay the web

rrweb-player

rrweb-io/rrweb-player

rrweb-snapshot

rrweb-io/rrweb-snapshot: rrweb's snapshot and rebuild module

利用现代浏览器所提供的强大 API 录制,回放并保存任意 web 界面中的用户操作 - 掘金

打字机效果

easy-typer-js

pengqiangsheng/easy-typer-js: 功能十分强大打字机插件,文档预览地址:
[JS插件]功能十分强大的打字机效果: easy-typer-js - 掘金

#动画精灵

PixiJS

Learn Pixi.js | Rex van der Spuy | Springer
Zainking/LearningPixi: ⚡️Pixi教程中文版
学习 PixiJS — 动画精灵 - 掘金
学习 PixiJS — 粒子效果 - 掘金
学习 PixiJS — 精灵状态 - 掘金

spriteUtilities

kittykatattack/spriteUtilities: Useful functions for creating and working with sprites in Pixi
https://www.kkkk1000.com/js/spriteUtilities.js

#文字动画

Lettering.js

davatron5000/Lettering.js: A lightweight, easy to use Javascript <span> injector for radical Web Typography

Textillate.js

jschr/textillate: A jquery plugin for CSS3 text animations.
Textillate.js

gitWhatever/text-effect: textillate纯js实现版本,包括lettering(文字分离)和textillate(文字动画)的功能。
十大惊人的文字动画特效

animo.js

ThrivingKings/animo.js: A powerful little tool for managing CSS animations

animejs

juliangarnier/anime: JavaScript Animation Engine
anime.js
anime.js • JavaScript animation engine

animateplus

bendc/animateplus: A+ animation module for the modern web

anijs

anijs/anijs: A Library to Raise your Web Design without Coding.
AniJS, A Library to Raise your Web Design without Coding

bounce.js

tictail/bounce.js: Create beautiful CSS3 powered animations in no time.
Bounce.js

click-colorful

ColdDay/click-colorful: 点击特效,五颜六色的小球绽放

collie

Collie - High Performance Animation Library for Javascript

csshake

elrumordelaluz/csshake: CSS classes to move your DOM!

cta.js

chinchang/cta.js: Animate your 'action-to-effect' paths
cta.js - Animate your 'action-to-effect' paths!

favico.js

ejci/favico.js: Make use of your favicon with badges, images or videos
favico.js - Make use of your favicon

fly-js

fly-js - npm

goalProgress

tinacious/goalProgress: :100: Animated progress bar using jQuery to show how close you are to reaching your goal.
Animated Goal Progress Bar jQuery plugin

gifshot

yahoo/gifshot: JavaScript library that can create animated GIFs from media streams, videos, or images
gifshot - JavaScript library that can create animated GIFs from media streams, videos, or images

gka

gkajs/gka: 一款高效、高性能的帧动画生成工具
gka

GreenSock-JS

greensock/GreenSock-JS: GreenSock's GSAP JavaScript animation library (including Draggable).
GSAP, the standard for JavaScript HTML5 animation | GreenSock

html5tooltipsjs

ytiurin/html5tooltipsjs: Tooltips with smooth 3D animation
html5tooltips.js - Tooltips with smooth 3D animation

ityped

luisvinicius167/ityped: Dead simple Javascript animated typing, with no dependencies.
iType.js | Javascript animated typing, with no dependencies

jsanim

Jsanim.com

jquery_flot_animator

jQuery Flot Animator

jquery.magicmove

maccman/jquery.magicmove: Animate DOM transitions.

JQuery Tip Cards

jQuery Tip Cards by Pete R. | The Pete Design
peachananr/tip_cards: Create a card layout that let your user flip through it like you see on Google Tips

kute.js

thednp/kute.js: KUTE.js is a native JavaScript animation engine featuring great code quality, badass performance, SVG morphing, stroke drawing and 2D & 3D transforms, CSS3 transforms, colors, as well as other CSS3 properties or presentation attributes.
KUTE.js | Javascript Animation Engine
KUTE.js Features | Javascript Animation Engine
KUTE.js | Javascript Animation Engine

label_better

peachananr/label_better: Label your form input like a boss with beautiful animation and without taking up space
jQuery Label Better by Pete R. | The Pete Design

Lazy Line Painter

camoconnell/lazy-line-painter: A jQuery plugin for path animation using the CSS -
Lazy Line Painter

loda-button

lugolabs/loda-button: jQuery plugin that animates the button icon with CSS3 when loading ...
lugolabs/loda-button-ui: Twist your jQuery UI button

lottie-web

airbnb/lottie-web: Render After Effects animations natively on Web, Android and iOS, and React Native. http://airbnb.io/lottie/
Introduction · Lottie

mojs

mojs/mojs: The motion graphics toolbelt for the web
legomushroom/mojs: motion graphics toolbelt for the web
An Introduction to mo.js | CSS-Tricks

moveTo

hsnaydd/moveTo: A lightweight scroll animation javascript library without any dependency

Mosaic jQuery Plugin

Mosaic – Sliding Boxes and Captions jQuery Plugin « Build Internet

motio

Motio

Move.js

Move.js - CSS3 animation framework for JavaScript
visionmedia/move.js: CSS3 backed JavaScript animation framework

minifiedjs

Minified.js - A Truly Lightweight JavaScript Library
timjansen/minified.js: A lightweight library for the Web

parallax

wagerfield/parallax: Parallax Engine that reacts to the orientation of a smart device
parallax.js

popmotion

Popmotion/popmotion: Simple animation libraries for delightful user interfaces
Popmotion/popmotion: Simple animation libraries for delightful user interfaces
Popmotion | JavaScript animation libraries for delightful interfaces

rekapi

Home - Documentation
Home - Documentation

s-gallery

S Gallery: A Responsive jQuery Gallery Plugin with CSS3 Animations — Sara Soueidan – Freelance-Front-End UI/UX Developer

snabbt.js

snabbt.js

Sticker.js

Sticker.js
cmiscm/stickerjs

typed.js

mattboldt/typed.js: A JavaScript Typing Animation Library
JavaScript Animated Typing with Typed.js | by Matt Boldt

three.js

three.js core

mrdoob/three.js: JavaScript 3D library.
three.js - Javascript 3D library

three.js libs、plugins&tools

Gio.js

syt123450/giojs: 🌏 A Declarative 3D Globe Data Visualization Library built with Three.js
Gio.js

Jeremboo/animated-mesh-lines: Tutorial and demos for Codrops about how play with the THREE.MeshLine library
brunoimbrizi/interactive-particles
UmbraSoftware/umbrajs-three: Render massive 3D models in real time with three.js

three.js 资源、整理集&FAQ

josdirksen/learning-threejs: Code repository for the examples from the Packt book "Learning Threejs"
Three.js中的矩阵 - 掘金
Three.js - 利用 JS 进行图片处理并生成对应粒子图 - 掘金
Three.js 技巧和实践总结 - 前端 - 掘金
基于three.js的3D炫酷元素周期表 - 掘金
聊一聊 ThreeJS 反锯齿 - 前端 - 掘金

tweenjs

CreateJS/TweenJS: A simple but powerful tweening / animation library for Javascript. Part of the CreateJS suite of libraries.
TweenJS | A JavaScript library for tweening and animating HTML5 and JavaScript properties.
tween.js 中文使用指南 - 前端小老虎 - 博客园
Inbetweening - Wikipedia
前端急速入门动画库---tweenjs - 掘金

velocity

julianshapiro/velocity: Accelerated JavaScript animation.
Incredibly Fast UI Animation Using Velocity.js
The Simple Intro to SVG Animation
Velocity.js

vivus

maxwellito/vivus: JavaScript library to make drawing animation on SVG

Inspiration: 10 Examples of Pure CSS Animation on CodePen
60行代码,造一个动画库轮子(超详细)
2018年值得期待11个Javascript动画库 - 前端 - 掘金
5000字前端动画交互实现小谈 - 掘金
js实现帧动画 - CSDN博客
JavaScript动画特效与技巧_专题_脚本之家
10个最好的 JavaScript 动画库和开发框架 - 梦想天空(山边小溪) - 博客园
Space.js – HTML 驱动的页面 3D 滚动效果 - 梦想天空(山边小溪) - 博客园
【精心挑选】帮助你实现元素动画的6款插件 - 梦想天空(山边小溪) - 博客园
2019年 值得收藏的 15 个 JavaScript 和 CSS 动画库-WEB前端开发
动画:从 AE 到 Web | Aotu.io「凹凸实验室」

¥事件

¥Moveable, Draggable, Resizable, Scalable, Rotatable, Warpable, Pinchable, Groupable, Snappable, Selections

#Resize Observer

resize-observer-polyfill

que-etc/resize-observer-polyfill: A polyfill for the Resize Observer API

hustcc/size-sensor: ~1 Kb, DOM element size sensor which will callback when size changed.
juggle/resize-observer: Polyfills the ResizeObserver API and supports box size options from the latest spec.
vincentriemer/native-css-layout-animation-poc
mjdease/preact-resize-observer: Element resize event for Preact
Chomtana/EventX-ResizeObserver-event: Allow programmer to bind resize event for DOM or HTML element in very simple syntax (You can also use JQuery to bind resize event).

#Selections

Selection.js

Simonwep/selection: Selection - A simple and lightweight library to realize visual DOM Selections, like on your Desktop. No jQuery. Supports any CSS library, e.g. Bootstrap.
Selection.js

#缩放插件

fullPage.js

alvarotrigo/fullPage.js: fullPage plugin by Alvaro Trigo. Create full screen pages fast and simple

zoom.js

zoom.js:一款效果很独特的页面内容缩放插件 - 梦想天空(山边小溪) - 博客园

浏览器全屏

screenfull.js

sindresorhus/screenfull.js: Simple wrapper for cross-browser usage of the JavaScript Fullscreen API
screenfull.js demo

#拖拽

#拖拽教程

一步步实现网页图片的手势拖拽与缩放 - 掘金
drag与drop事件 - 上善若水 水养金鱼 - CSDN博客
JavaScript ondragstart、ondragenter、ondragover 、ondrop、ondragend - ssisse的博客 - CSDN博客
HTML5--拖动02-dragstart、drag、dragenter、dragover、dragleave、drop、dragend属性 - 第二天半 - 博客园
原生拖拽,拖放事件(drag and drop) - 笔记 - SegmentFault 思否

draggabilly

desandro/draggabilly: Make that shiz draggable
Draggabilly

draggable

Shopify/draggable: The JavaScript Drag & Drop library your grandparents warned you about.
Draggable JS – JavaScript drag and drop library

dragula

bevacqua/dragula: Drag and drop so simple it hurts
dragula - Browser drag-and-drop so simple it hurts

drop

HubSpot/drop: A library for creating dropdowns and other floating elements. #hubspot-open-source
Drop

DragDrop

kbjr/DragDrop: A JavaScript micro-framework for adding drag-and-drop functionality to elements for advanced UI development
Dragdrop by kbjr

interact.js

taye/interact.js: JavaScript drag and drop, resizing and multi-touch gestures with inertia and snapping for modern browsers (and also IE9+)
interact.js - JavaScript drag and drop, resizing and gestures

smooth-dnd

kutlugsahin/smooth-dnd: drag and drop library for javascript

mark-rolich/Dragdrop.js: This Javascript package implements drag-n-drop functionality in a browser
codrops/DragDropInteractions: Some inspiration for drag and drop interactions for the modern UI.
Bernardo-Castilho/dragdroptouch: Polyfill that enables HTML5 drag drop support on mobile (touch) devices.
StackHive/DragDropInterface: A Cross frame drag and drop interface for web browsers
One-com/knockout-dragdrop: A drag and drop binding for Knockout.
sunshine940326/sortable: 可拖放的sort插件
StackHive - Faster front-end design and developmen

daybrush/moveable: Moveable! Draggable! Resizable! Scalable! Rotatable! Warpable! Pinchable! Groupable! Snappable!
moveable/packages/react-moveable at master · daybrush/moveable
moveable/packages/preact-moveable at master · daybrush/moveable
moveable/packages/ngx-moveable at master · daybrush/moveable
moveable/packages/svelte-moveable at master · daybrush/moveable

¥JS键盘事件处理库

hotkeys

jaywcjlove/hotkeys: ➷ A robust Javascript library for capturing keyboard input. It has no dependencies.
git.io

jQuery.Hotkeys

jeresig/jquery.hotkeys: jQuery Hotkeys lets you watch for keyboard events anywhere in your code supporting almost any key combination.

jwerty

jwerty - Awesome handling of keyboard events
keithamus/jwerty: ⌨ Awesome handling of keyboard events

js-shortcuts

stepanvr/js-shortcuts: JavaScript Shortcuts Library
JavaScript Shortcuts Library (jQuery plugin)

jquery.beeline

map7/jquery.beeline: jquery shortcut key plugin

jquery-shortcuts

ambethia/jquery-shortcuts: A very lightweight approach to keyboard shortcuts (hotkeys) with jQuery

jKey

jKey Samples

Keymage

piranha/keymage: Yet Another JS Keybinding library

KeyboardJS

RobertWHurst/KeyboardJS: A JavaScript library for binding keyboard combos without the pain of key codes and key combo conflicts.

keymaster

madrobby/keymaster: A simple micro-library for defining and dispatching keyboard shortcuts. It has no dependencies.

keyboard_shortcuts

Handling Keyboard Shortcuts in JavaScript

keyboard.backbone.js

mathphreak/keyboard.backbone.js: Keyboard shortcuts tied into Backbone.js

Kibo

marquete/kibo: A simple JavaScript library for handling keyboard events.

key-board-short-cuts

pantuza/key-board-short-cuts: A simple example of key boards shortcuts implementation with javaScript

keys.js

bitwalker/keys.js: Easy keybindings for browser applications!
Keys.js - Introduction

Keypress

Keypress: A Javascript library for capturing input
dmauro/Keypress: A keyboard input capturing utility in which any key can be a modifier key.

kbnav

vadimg/kbNav: Keyboard navigation for the web.

keycode.js

nostrademons/keycode.js: A library for cross-browser normalization of keyboard events
kabirbaidhya/keycode-js: A javascript package with Key Code constants.

keyutils

Ryan724/keyutils: JavaScript针对键盘事件监听处理的工具库

keyCode对照表

JavaScript Event KeyCodes
KeyCode 对照表 - 蜂蜂的专栏 - CSDN博客
keycode值对照表 - 暖心少年 - CSDN博客
keyCode对照表及JS监听组合按键 - 笨小孩 - CSDN博客
keycode键盘 按键 - 键码 对应表 - Yiven - 博客园
Keycode对照表(键码对照表) - 青春阳光 - 博客园
如何用JS获取键盘上任意按键的值?兼容FireFox和IE js获取键盘ASCII码?js键盘事件全面控制 - 编程风云 - 博客园
js键盘按钮keyCode及示例大全 - 我的过去 - 博客园

Mousetrap

Mousetrap - Keyboard shortcuts in Javascript
ccampbell/mousetrap: Simple library for handling keyboard shortcuts in Javascript

okShortcut(jQuery.shortcut.add 和 jQuery.shortcut.remove)

[okShortcut] Add example page · okbreathe/jquery_plugins@3e17bff

UserKeyboardShortcuts

re5et/UserKeyboardShortcuts: MooTools plugin to makes it easy for you to provide local user-customizable keyboard shortcuts for your users

JavaScript捕获同时多个按键-非组合键_正经的博客-CSDN博客
20个优秀的 JavaScript 键盘事件处理库 - 梦想天空(山边小溪) - 博客园
JavaScript屏蔽Backspace键 - 孤傲苍狼 - 博客园

¥鼠标滚轮事件

jquery/jquery-mousewheel: A jQuery plugin that adds cross-browser mouse wheel support.
JQuery鼠标滚轮事件 - dantegarden的专栏 - CSDN博客
js对于鼠标滚轮事件的监听 - 九层之台,起于累土 千里之行,始于足下 - CSDN博客
JS事件-鼠标滚轮事件 - 每天进步一点点 - CSDN博客
jquery监听鼠标滚轮(滚动)事件 - leon-这个程序员不闷骚的博客 - CSDN博客
javascript监听鼠标滚轮事件浅析_javascript技巧_脚本之家
关于事件mouseover ,mouseout ,mouseenter,mouseleave的区别_javascript技巧_脚本之家
JS判断鼠标向上滚动还是向下滚动-JavaScript/JQuery-代码家园
jquery 鼠标滚轮事件 插件 Mousewheel - DoittioD - 博客园
JS鼠标滚轮事件详解 - caoruiy - 博客园
jQuery 鼠标滚轮事件 - 吕岳阳 - 博客园

¥触摸

hammer.js

hammerjs/hammer.js: A javascript library for multi-touch gestures :// You can touch this
Hammer.JS - Hammer.js

pressure

stuyam/pressure: JavaScript library for handling Force Touch, 3D Touch, and Pointer Pressure.
Pressure.js

¥屏幕捕捉

JavaScript-screenshot

usecodelee/JavaScript-screenshot: JavaScript implementation of a screenshot with html2canvas.js and canvas2image.js

screenshoteer

vladocar/screenshoteer: Make website screenshots and mobile emulations from the command line.

基于H5实现的屏幕捕捉库

JSCapture – 基于 HTML5 实现的屏幕捕捉库 - 梦想天空(山边小溪) - 博客园

¥滚屏事件

scrollama

russellgoldenberg/scrollama: Scrollytelling with IntersectionObserver.
Scrollama Demo: Basic

scroll-out

ScrollOut
scroll-out/scroll-out: ScrollOut detects changes in scroll for reveal, parallax, and CSS Variable effects!

uos

vaneenige/uos: 🐭 A tiny 250b scroll listener with progress.
uos - npm

¥事件代理、中心、监听、派发、发布订阅、驱动

#Event agent

delegated-events

dgraham/delegated-events: A small, fast delegated event library for JavaScript.

eventproxy

JacksonTian/eventproxy: An implementation of task/event based asynchronous pattern.
eventproxy Documentation
eventproxy.js
https://raw.githubusercontent.com/JacksonTian/eventproxy/master/lib/eventproxy.js

events-proxy

JohnApache/events-proxy: javascript 自定义事件代理

segment-boneyard/proxy-events: Use https://github.com/segmentio/forward-events instead.

#Event emitter

EventEmitter

Olical/EventEmitter: Evented JavaScript for the browser

EventEmitter3

primus/eventemitter3: EventEmitter3 - Because there's also a number 2. And we're faster.

tiny-emitter

scottcorgan/tiny-emitter: A tiny (less than 1k) event emitter library

callmecavs/knot.js: A browser-based event emitter, for tying things together.

#Event listeners

zurb/reactive-listener
wnr/element-resize-detector: Optimized cross-browser resize listener for elements.
mona-events - npm

EventUtil

xiaomoinfo/EventUtil: 跨浏览器事件处理函数(keywords: 前端学习使用资料笔记摘要源代码note learn
EventUtil——跨浏览器的事件对象 - 黄映焜 - 博客园

EventBus

krasimir/EventBus: Simple JavaScript class for managing events

flowhub

yyued/flowhub: Through a simple way to deal with the event flow.
flowhub | Through a simple way to deal with the event flow.

PubSubJS

mroderick/PubSubJS: Dependency free publish/subscribe for JavaScript

DDFE/events: 事件管理中心,用于全局监听,派发事件
cferdinandi/events: A tiny event delegation library.
基于"发布-订阅"的原生JS插件封装 - 掘金

¥手势库

any-touch

any86/any-touch: 一个手势库, 支持PC / 手机端
🖐 AnyTouch

¥拖放排序插件

Sortable

SortableJS/Sortable: Sortable — is a JavaScript library for reorderable drag-and-drop lists on modern browsers and touch devices. No jQuery required. Supports Meteor, AngularJS, React, Polymer, Vue, Ember, Knockout and any CSS library, e.g. Bootstrap.
Sortable. No jQuery.

Slip.js

kornelski/slip: Slip.js — UI library for manipulating lists via swipe and drag gestures

¥可视化

¥antvis

antv

AntV team
AntV | 蚂蚁数据可视化
蚂蚁数据可视化 - AntV

G2

antvis/G2: 📊 A highly interactive data-driven visualization grammar for statistical charts.
antvis/g2: The Grammar of Graphics in JavaScript
antvis/G2Plot: An interactive and responsive charting library
G2 可视化引擎 | AntV
G2Plot 开箱即用的图表库 | AntV
G2 基础图表类库 - AntV

G6

antvis/G6: ♾ A Graph Visualization Framework in JavaScript
G6 图可视化引擎 | AntV

¥Map

city-roads

anvaka/city-roads: Visualization of all roads within any city
Draw all roads in a city at once

Leaflet

Leaflet/Leaflet: JavaScript library for mobile-friendly interactive maps

lbj96347/2020-virus-map: Base on China official news to pop up virus cases on map. 基于中国官方新闻公布数据,绘制新型冠状病毒案例于地图上。
shfshanyue/2019-ncov: 全国新型冠状病毒,肺炎疫情实时省市地图
地图选择器
地图选择器
拾取坐标系统
Native地图与Web融合技术的应用与实践

¥signal

chartjs/Chart.js: Simple HTML5 Charts using the <canvas> tag
microsoft/SandDance: Visually explore, understand, and present your data.
williamngan/pts: A library for visualization and creative-coding
AAChartModel (An An)
apachecn/fund-data-vis-zh
Rappid: Powerful visual tools at your fingertips
TOAST UI :: Make Your Web Delicious!
The Best JavaScript Data Visualization & Charting Libraries 2018 | Code Wall
From data to Viz | Find the graphic you need
可视化搭建数据大屏系统的前端实现 - 掘金
技术决策:自研和半自研数据报表与可视化大盘 - 掘金
前端开源、易扩展、方便集成的绘图工具(微服务架构图、网络拓扑图、流程图、活动图、思维导图等) - 掘金
可视化搭建页面,你会遇到这 143 个问题么 - 掘金
【精心推荐】几款实用的 JavaScript 图形图表库 - 梦想天空(山边小溪) - 博客园
推荐12个最好的 JavaScript 图形绘制库 - 梦想天空(山边小溪) - 博客园
像素地图生成工具帮助你快速生成精美地图 - 梦想天空(山边小溪) - 博客园
推荐18个基于 HTML5 Canvas 开发的图表库 - 梦想天空(山边小溪) - 博客园
数据可视化|数据可视化分析|数据可视化工具|数据可视化大屏幕展示 —UILeader
智能可视化搭建系统架构演变

¥甘特图

dhtmlxGantt

DHTMLX/gantt: Javascript Gantt chart
艰难用echarts模拟甘特图😭,直到我发现了dhtmlxGantt - 掘金

PlusGantt

普加甘特图(PlusGantt) V3.0 开发文档

ECharts Gallery
EChart 制作类似微软的 甘特图 - CSDN博客
13个js版gantt甘特图控件集合_51CTO下载中心_IT技术资料免费下载
jQuery甘特图插件jQuery.Gantt
甘特图
robicch/jQueryGantt: jQuery Gantt editor
frappe/gantt: Open Source Javascript Gantt
thegrubbsian/jquery.ganttView: An editable jQuery Gantt chart plugin.
mbielanczuk/jQuery.Gantt: jQuery Gantt Chart
neyric/gh-issues-gantt: Generate Gantt Diagrams from GitHub Issues
lenxeon/gantt: 项目甘特图,可调整任务的开始结束时间,百分比
oguzhanoya/jquery-gantt: 🌈 Lightweight jQuery gantt plugin.
realm/github-gantt: Generate Gantt Charts From Github Issues!
ybx13579/jQuery.Gantt: jQuery.Gantt 甘特图
d-band/gantt: Gantt chart library using jsx support SVG, Canvas and SSR
limodou/uli-gantt: JQuery gantt plugin, based on d3.js and mmGrid
jsGanttImproved/jsgantt-improved: A fully featured gantt chart component built entirely in Javascript, CSS and AJAX. No images required.
FlamingTempura/JSGanttChart: JavaScript Gantt Chart Framework
mattiasmak/Polymer-gantt: Polymer gantt
substack/gantt-chart: generate an svg gantt chart in node and the browser
ProtoTeam/time-gantt: 一个react类甘特图图表,功能是时间基线上的任务耗时管理,并且能够与过往耗时进行对比
erikthered/raphael-gantt: Draw gantt charts with Raphaël and Moment.js
goofmint/TodoistGanttChartView: Gantt Chart Viewer for Todoist

¥热力图

pa7/heatmap.js: 🔥 JavaScript Library for HTML5 canvas based heatmaps
pa7/Keyboard-Heatmap: Realtime Keyboard Heatmap showing the character distribution of texts - made with heatmap.js
pyalot/webgl-heatmap: A high performance WebGL/JS heatmap display library
mohans-ca/d3js-heatmap: 10 Steps to create calendar view heatmap in d3.js
Web数据可视化-手把手教你实现热力图 - 掘金

¥流程图(flow chart)

flowchart.js

adrai/flowchart.js: Draws simple SVG flow chart diagrams from textual representation of the diagram
flowchart.js

imove

imgcook/imove: Move your mouse, generate code from flow chart
使用文档 · 语雀

apexcharts.js

Installation – ApexCharts
apexcharts/apexcharts.js: A JavaScript Chart Library
ApexCharts.js – Open-Source HTML5 JavaScript Charts

anychart

anychart core

Overview | AnyGantt - Powerful HTML5 Gantt, Resource and PERT charts
Gallery | AnyGantt | Powerful HTML5 Gantt, Resource and PERT charts

AwesomeChartJS

AwesomeChartJS
cyberpython/AwesomeChartJS: A simple JavaScript chart rendering library

amcharts

JavaScript Charts & Maps - amCharts

aristochart

Aristochart - Sophisticated Javascript charts.

arborjs

arbor.js
samizdatco/arbor: a graph visualization library using web workers and jQuery

ArcGIS

ArcGIS API for JavaScript | ArcGIS for Developers (Latest)
ArcGIS API for JavaScript - ArcGIS知乎-新一代ArcGIS问答社区
ArcgisAPIforJavascript入门(一) - Javascript教程_JS教程_技术文章 - 红黑联盟
arcgis for js 添加点、添加圆、添加面、添加线 - 前端林三哥 - CSDN博客
arcgis api for js - 随笔分类 - GIS之家 - 博客园
【ArcGIS for JS基础教程】 - 牛健平 - 在线视频教程-CSDN学院
ArcGIS for JavaScript学习(一) - 锋aa - 博客园
arcgis for js 小功能组件大集合 - 前端林三哥 - CSDN博客
ArcGIS API for JavaScript 3.27

bonsai

uxebu/bonsai: BonsaiJS is a graphics library and renderer
BonsaiJS - A Graphics Library

bluff

Bluff: Beautiful graphs in JavaScript

bpmn.js

bpmn.io
bpmn-io/bpmn-js: A BPMN 2.0 rendering toolkit and web modeler.
bpmn-io/bpmn-moddle: Read and write BPMN 2.0 XML from JavaScript.
bpmn-io/bpmn-js-examples: Some examples how to use bpmn-js
LinDaiDai/bpmn-chinese-document: 📒全网最详bpmn.js中文教材/文档
samulle/bpmn-vue-panel
LinDaiDai/bpmn-vue-basic: 🌰基于vue编写的一些自定义bpmn.js案例-基础篇
bpmn-io/min-dash: Minimum utility toolbelt
Web-based tooling for BPMN, DMN and CMMN | bpmn.io
Forum - bpmn.io
全网最详bpmn.js教材 - 掘金
全网最详bpmn.js教材-基础篇 - 掘金
全网最详bpmn.js教材-http请求篇 - 掘金
全网最详bpmn.js教材-事件篇 - 掘金
全网最详bpmn.js教材-自定义palette篇 - 掘金
全网最详bpmn.js教材-自定义renderer篇 - 掘金
全网最详bpmn.js教材-自定义contextPad篇 - 掘金
全网最详bpmn.js教材-编辑、删除节点篇 - 掘金
全网最详bpmn.js教材-封装组件篇 - 掘金
全网最详bpmn.js教材-properties篇 - 掘金
全网最详bpmn.js教材-properties-panel篇(上) - 掘金
全网最详bpmn.js教材-properties-panel篇(下) - 掘金
全网最详bpmn.js教材-群友问题汇总(一) - 掘金
在vue中使用bpmn-js(进阶) - 掘金
关于bpmn.js交流群的说明 - 掘金
Vue 整合Bpmn-js 工作流模型编辑器 - 掘金
Bpmn.js 在线流程编辑器的汉化 - 掘金
2018-01-18 Bpmn-JS修改生成的XML、.net(c#) winform文本框输入、AngularJS 事件、伸缩框的设置、DevExpress中GridView上的右键菜单 - 简书
全网最详bpmn.js教材-http请求篇 - 简书

css-doodle

css-doodle/css-doodle: 🎨 A web component for drawing patterns with CSS.
<css-doodle />

canvasxpress

canvasXpress

canvasjs

Beautiful HTML5 JavaScript Charts | CanvasJS

Chart.js

chartjs/Chart.js: Simple HTML5 Charts using the <canvas> tag

charted

charted-co/charted: A charting tool that produces automatic, shareable charts from any data file
Charted

Cytoscape.js

cytoscape/cytoscape.js: Graph theory / network library for visualisation and analysis
Cytoscape.js

cloud-charts

alibaba/cloud-charts: 开箱即用的前端图表库,简单配置就能拥有漂亮的可视化图表
Cloud Charts 图表库

d3

d3-dag

erikbrinkman/d3-dag: Layout algorithms for visualizing directed acyclic graphs

d3/d3: Bring data to life with SVG, Canvas and HTML.
D3.js - Data-Driven Documents
D3可视化:(1)初次见面,SVG与D3的魅力 - 掘金
D3可视化:(2)Bar Chart with D3js - 掘金
用 vue + d3 画一棵树 - 掘金
d3.js关于比例尺报Cannot read property 'linear' of undefined错误的解决方法 - CSDN博客
MetricGraphics.js – 时间序列数据的可视化 - 梦想天空(山边小溪) - 博客园

dynatable

Dynatable.js - jQuery plugin for HTML5+JSON interactive tables and more
alfajango/jquery-dynatable: A more-fun, semantic, alternative to datatables

dc.js

dc.js - Dimensional Charting Javascript Library
dc-js/dc.js: Multi-Dimensional charting built to work natively with crossfilter rendered with d3.js

dygraphs

dygraphs.com
danvk/dygraphs: Interactive visualizations of time series using JavaScript and the HTML canvas tag

datavjs

TBEDP/datavjs: DataV

DataV

DataV-Team/DataV: Vue数据可视化组件库(类似阿里DataV,大屏数据展示),提供SVG的边框及装饰、图表、水位图、飞线图等组件,简单易用,长期更新(React版已发布)
DataV
DataV-Team/DataV-React: React数据可视化组件库(类似阿里DataV,大屏数据展示),提供SVG的边框及装饰、图表、水位图、飞线图等组件,简单易用,长期更新

excalidraw

excalidraw/excalidraw: Excalidraw is a whiteboard tool that lets you easily sketch diagrams that have a hand-drawn feel to them.

echarts

echarts core

apache/incubator-echarts: A powerful, interactive charting and visualization library for browser
ecomfe/echarts: A powerful, interactive charting and visualization library for browser
Apache ECharts (incubating)
ECharts 数据可视化实验室
Apache ECharts (incubating)
ECharts
ECharts Documentation
ECharts · Doc
基于html5 Canvas图表库 : ECharts | 菜鸟教程

echarts map

echarts-map

kidddfu/echarts-map: 😱ECharts的map资源,js及json。ECharts Map。

合并地图上的区域

ECharts合并地图上的区域 - 超频化石鱼的博客 - CSDN博客
Echarts3之全国地图和省市地图二合一整合 - ZT的专栏 - CSDN博客
Echarts地图合并提取 - 萝卜丶dada - CSDN博客
Echarts地图相关功能整合 - 花飘万家雪 - CSDN博客
Echarts地图详解(地图样式、合并地图、增加地图) - qq_21963133的博客 - CSDN博客

TangSY/echarts-map-demo: echarts地图边界数据的实时获取与应用,省市区县多级联动下钻,真正意义的下钻至县级【附最新geoJson文件下载】
使用echarts模拟迁徙图 - 掘金
ECharts实现可视化全国地图省市县(区)区域下钻
echarts各省份地图合并成一个JS文件-CSDN下载
china.js实现中国地图 - CSDN博客
echarts地图全国省份js资源-CSDN下载
ECharts的map资源,js及json。ECharts Map-CSDN下载
echarts china map-CSDN下载
echarts 中国地图 china.js SVG 地图-CSDN下载
echarts地图扩展中国分区域geoJSON地图数据-CSDN下载
【echarts】--地图添加边界,图层的叠加以及散点图的实现 - lyn - CSDN博客
Echarts实现地图下钻+对应区域数据展示+右键返回上一级 - 逆水行舟,不进则退 - CSDN博客
ECharts中国地图篇-名称经纬度调整 - 唐策的博客 - CSDN博客
Openlayers4.6.3模仿迁徙图 - 未来的大神 - 简书

echarts options

Echarts(二、柱状图(各参数详细描述)) - CSDN博客
浅谈Echarts 使用配置 - CSDN博客
ECharts属性设置 - CSDN博客

echarts 资源、整理集&FAQ

echarts 资源

ECharts Gallery
ECharts Gallery
ECharts Gallery
ECharts Gallery
ECharts Gallery
ECharts Gallery - 南丁格尔
World Flights - Powered by ECharts-X
ECharts Gallery
World Flights - Powered by ECharts-X
ECharts Demo
ECharts的微博_微博

echarts 整理集

关于echarts使用的常见问题总结 - 李文杨 - 博客园

echarts FAQ

ECharts3基础教程(三)title配置篇 - CSDN博客
echarts x轴文字显示不全(xAxis文字倾斜比较全面的3种做法值得推荐) - CSDN博客
echarts 随屏幕大小改变大小chart.resize() - CSDN博客
echarts x轴文字显示不全(xAxis文字倾斜比较全面的3种做法值得推荐) - CSDN博客
echarts 地图标注 symbol - CSDN博客
Echarts的graph关系图的节点图片自定义及关系边上的提示框内容自定义 - CSDN博客
echarts2.0中的树图结构,怎么能更改默认自带的圆形,在哪里能修改-CSDN论坛
echarts自定义tooltip显示内容 - ZhonG_z的个人空间 - 开源中国
ECharts力导向图,节点为图片修改样式。 - 开源中国社区

ervy

chunqiuyiyu/ervy: Bring charts to terminal.
Ervy - Bring charts to terminal.

elycharts

Elycharts | Elycharts, the ultimate javascript charting library
voidlabs/elycharts: Interactive Javascript (SVG|VML) Charting Library

Envision.js

envision - demos
HumbleSoftware/envisionjs: Dynamic HTML5 visualization

ember-charts

Addepar/ember-charts

fusioncharts

JavaScript charts for web & mobile | FusionCharts
FusionCharts Technologies

flot

Flot: Attractive JavaScript plotting for jQuery
flot/flot: Attractive JavaScript charts for jQuery

frappe

Frappe Charts: Simple and Modern SVG Charts
frappe/charts: Simple, responsive, modern SVG Charts with zero dependencies

Grafico

Grafico: Javascript charting library • Design • Kilian Valkhof

graphdracula

Dracula Graph Library | Graph Computation, Layout, Algorithms for JavaScript

graphviz

Graphviz - Graph Visualization Software

GoJS

GoJS Diagrams for JavaScript and HTML, by Northwoods Software
Get Started with GoJS
关于 GoJS 你了解多少?

Highcharts

Highcharts core

Highcharts API 文档 | Highcharts
Highcharts中文论坛
Interactive JavaScript charts for your webpage | Highcharts
highcharts/highcharts: Highcharts JS, the JavaScript charting framework
github.highcharts.com
兼容 IE6+、完美支持移动端、图表类型丰富的 HTML5 交互图表 | Highcharts
undefined 简数 CDN
动态更新的图表 | Highcharts
图表导出模块概述 | Highcharts 使用教程
兼容 IE6+、完美支持移动端、图表类型丰富的 HTML5 交互图表 | Highcharts
HighChart前后台封装,构造个性化图表插件highChartTools,快捷创建各种图表 - SoFeelLove的专栏 - CSDN博客

Highcharts libs、plugins&tools

Gantt

Gantt chart –
Highcharts Gantt is in Alpha! - Highcharts
Gantt chart | JShare

Highcharts 资源、整理集&FAQ

demo

正态分布图 | JShare
基础柱形图 | JShare
直方图 | JShare
更新数据列数据 | JShare
设置区域划分线代表的值为5.5 | JShare
设置区域划分带的颜色为#FCFFC5 | JShare
Highcharts Demo - JSFiddle
数组数据进行关联 | JShare
动态更新坐标轴 | JShare
直线图数据点点击事件 | JShare
数据列点击事件 | JShare
各种更新数据列 | JShare
获取选中的数据列 | JShare
删除数据列 | JShare
极地图 | JShare
蜘蛛图 | JShare
高级更新 | JShare

instance

highcharts 获取图表对象的几种方法 - liuqiaoying_lqy的专栏 - CSDN博客
图表对象获取方法 | JShare

辅助线&注释

highcharts实现画辅助线功能并删除 - ZRRJDD - 博客园
highcharts注释功能 - ZRRJDD - 博客园
blacklabel/annotations: Annotations plugin for Highstock by Black Label
Demo
Custom events - Highcharts module
ZRRJDD/highchart: 主要存放highchart功能相关源码。

jscharts

JS Charts - Free JavaScript charts

jfreechart

JFreeChart

jsxgraph

JSXGraph - JSXGraph
JSXGraph

Least.js

kamilczujowski/least.js-2: This plugin is no longer maintained –  Random and Responsive HiDPI jQuery Gallery based on HTML5 and CSS3

mermaid

mermaid-js/mermaid: Generation of diagram and flowchart from text in a similar manner as markdown
knsv/mermaid: Generation of diagram and flowchart from text in a similar manner as markdown
mermaid · GitBook

mapkitjs

MapKit JS - Maps - Apple Developer

morris.js

morris.js
morrisjs/morris.js: Pretty time-series line graphs

mxgraph(可画拓扑流程图等)

jgraph/mxgraph: mxGraph is a fully client side JavaScript diagramming library
mxGraph 3.9.8
JavaScript Diagramming
mxGraph - CSDN博客
mxgraph进阶(五)搭建mxGraph简单应用 - CSDN博客
mxgraph - CSDN博客
mxGraph 开发样例展示 - diydyq - 博客园
mxGraph 用户手册 – JavaScript客户端 - Kora - 博客园
Mxgraph使用总结一 - shawWey - 博客园

MultiQC

ewels/MultiQC: Aggregate results from bioinformatics analyses across many samples into a single report.

OrgChart

dabeng/OrgChart: It's a simple and direct organization chart plugin. Anytime you want a tree-like chart, you can turn to OrgChart.
caprica/jquery-orgchart: JQuery Organisation Chart Plugin
wesnolte/jOrgChart: A jQuery plugin to draw tree-like structures such as OrgCharts.

paperjs

Paper.js
paperjs/paper.js: The Swiss Army Knife of Vector Graphics Scripting – Scriptographer ported to JavaScript and the browser, using HTML5 Canvas. Created by @lehni & @puckey

pizza-pie-charts

Pizza Pie Charts | Playground from ZURB
zurb/pizza: Better pie, donut, line, and bar graphs.

plantuml

开源工具,使用简单的文字描述画UML图。

pigeon-maps

mariusandra/pigeon-maps: ReactJS Maps without external dependencies
pigeon-maps

p5.js

processing/p5.js: p5.js is a client-side JS platform that empowers artists, designers, students, and anyone to learn to code and express themselves creatively on the web. It is based on the core principles of Processing. http://twitter.com/p5xjs —
home | p5.js
mapk/p5js-block: A p5.js block for Gutenberg in WordPress

Processing.js

Processing.js
processing-js/processing-js: A port of the Processing visualization language to JavaScript.

Rappid

Rappid: Powerful visual tools at your fingertips

reference

Raphaël Reference
DmitryBaranovskiy/raphael: JavaScript Vector Library
Raphaël—JavaScript Library

raphael

Raphaël Reference
Raphaël—JavaScript Library
Raphaël Reference
DmitryBaranovskiy/g.raphael: Charts for Raphaël
crccheck/raphael-svg-import-classic: Import SVG files to Raphael
DmitryBaranovskiy/raphael: JavaScript Vector Library
neveldo/jQuery-Mapael: jQuery plugin based on raphael.js that allows you to display dynamic vector maps

rawgraphs

RAWGraphs
densitydesign/raw: The missing link between spreadsheets and data visualization

rgraph

RGraph is a Free and Open Source JavaScript charts library for websites

roughViz

jwilber/roughViz: Reusable JavaScript library for creating sketchy/hand-drawn styled charts in the browser.

SVG.js

SVG.js | Home
svgdotjs/svg.js: The lightweight library for manipulating and animating SVG

Sinomap

Sinomap - 超轻量 JS 地图库
doodlewind/sinomap: 🌎 Super lightweight canvas map lib.

smoothiecharts

Smoothie Charts: A JavaScript Charting Library for Streaming Data
joewalnes/smoothie: Smoothie Charts: smooooooth JavaScript charts for realtime streaming data

Sparky

Sparky

sigmajs

Sigma js
jacomyal/sigma.js: A JavaScript library dedicated to graph drawing

SVGator

SVG Animation Creator - Animate and Export SVG | SVGator

SuperMap

SuperMap/iClient-JavaScript: Modern GIS Web Client for JavaScript, based on Leaflet\OpenLayers\MapboxGL-JS\Classic(iClient8C), enhanced with ECharts\D3\MapV etc. Contributed by SuperMap & community.
SuperMap iClient JavaScript 10i

tui-chart

TOAST UI :: Make Your Web Delicious!
nhnent/tui.chart: 🍞🍯 Beautiful chart for data visualization.

vis.js

vis.js - A dynamic, browser based visualization library.
almende/vis: vis.js is a dynamic, browser-based visualization library

viser

viserjs/viser: viser is a toolkit fit for data vis engineer. https://viserjs.gitee.io/
Viser

图之典
从图形语法理解各类图表库

$网络、存储&安全

¥CDN

cdnjs

cdnjs
cdnjs/cdnjs: 🤖 CDN assets - The #1 free and open source CDN built to make life easier for developers.
cdnjs - The #1 free and open source CDN built to make life easier for developers

UNPKG

mjackson/unpkg: The CDN for everything on npm
UNPKG
Unpkg 简介-云栖社区-阿里云
貌似发现了一个 unpkg.com 在国内的镜像? - V2EX
请问如何下载unpkg的文件目录? - 你可以叫我大仙的回答 - SegmentFault 思否

BootCDN - Bootstrap 中文网开源项目免费 CDN 加速服务
使用 SRI 解决 CDN 劫持 - 掘金

¥Web 推送&实时消息推送

《Web 推送通知》

《Web 推送通知》系列翻译 | 引言&概览 - 掘金
《Web 推送通知》系列翻译 | 第二篇:推送是怎么工作的? - 掘金
《Web 推送通知》系列翻译 | 第三篇:订阅一个用户 - 掘金
《Web 推送通知》系列翻译 | 第四篇:请求权限的交互 - 掘金
《Web 推送通知》系列翻译 | 第五篇:使用 Web 推送库发送消息 && 第六篇:Web 推送协议 - 掘金
《Web 推送通知》系列翻译 | 第七篇:推送事件 && 第八篇:显示一个通知 - 掘金
《Web 推送通知》系列翻译 | 第九篇:通知行为 && 第十篇:常用的通知模式 - 掘金
《Web 推送通知》系列翻译 | 第十一篇:FAQ && 第十二篇:常见问题以及错误反馈 - 掘金

Web 实时推送技术的总结 - 掘金
实时消息推送整理

¥爬虫、存储、加载、路由&会话

¥web爬行和抓取库

Apify

Apify
apifytech/apify-js: Apify SDK: The scalable web crawling and scraping library for JavaScript. Enables development of data extraction and web automation jobs (not only) with headless Chrome and Puppeteer.
apify - npm
基于Apify+node+react/vue搭建一个有点意思的爬虫平台

¥存储&异步存储

#Cache

HTML5-离线缓存

网络应用清单  |  Web  |  Google Developers
Manifesto - An HTML5 Offline Application Cache verification bookmarklet
HTML5-离线缓存(Application Cache) - 前端 - 掘金
聊一聊 H5 应用缓存 - Manifest - 掘金
html5 manifest 离线缓存 - 前端 - 掘金
解锁缓存新姿势——更灵活的 Cache - 掘金
PWA之前端项目,实现可安装、离线缓存、消息推送 - 掘金
Android Webview H5 秒开方案实现 - 掘金
[译]前端离线指南(上) - 掘金
[译]前端离线指南(下) - 掘金

lscache

pamelafox/lscache: A localStorage-based memcache-inspired client-side caching library.

jsCache

mortzdk/jsCache: jsCache is a javascript library that enables caching of javascripts, css-stylesheets and images using my localStorage polyfill. This is especially useful when serving your website for mobile phones, which has limited HTTP caching availabl

#Cookie

#Cookie core

Cookie Store API

Cookie Store API
Cookie Store API

Chrome Same-Site Cookies

GoogleChromeLabs/samesite-examples: Examples of using the SameSite cookie attribute in a variety of language, libraries, and frameworks.
draft-ietf-httpbis-cookie-same-site-00 - Same-Site Cookies
SameSite cookies explained
如何快速技术升级?应对Chrome新版禁非法读取第三方Cookie - 知乎
什么是CookieMapping - 知乎
谷歌浏览器开始测试第三方Cookie拦截_cookie
Chrome 提标 您的浏览器限制了第三方Cookie...解决方法 - ..Summer - 博客园

#Cookie libs、plugins&tools

cookie

jshttp/cookie: HTTP server cookie parsing and serialization

cookieconsent

osano/cookieconsent: A free solution to the EU, GDPR, and California Cookie Laws

Cookies

ScottHamper/Cookies: JavaScript Client-Side Cookie Manipulation Library

cookie.js

florian/cookie.js: A tiny JavaScript library that simplifies cookies.

cookies.js

madmurphy/cookies.js: Simple cookie framework with full Unicode support

cookie-universal

microcipcip/cookie-universal: Universal cookie plugin, perfect for SSR

evercookie

samyk/evercookie: Produces persistent, respawning "super" cookies in a browser, abusing over a dozen techniques. Its goal is to identify users after they've removed standard cookies and other privacy data such as Flash cookies (LSOs), HTML5 storage, Silve

js-cookie

js-cookie/js-cookie: A simple, lightweight JavaScript API for handling browser cookies

jquery-cookie

carhartl/jquery-cookie: No longer maintained, superseded by JS Cookie:
通过jquery.cookie.js实现记住用户名、密码登录功能 - CSDN博客
jquery.cookie.js实现用户登录保存密码功能的方法_jquery_脚本之家
jquery.cookie用法详细解析_jquery_脚本之家
jquery.cookie.js操作cookie实现“记住密码” - 横江东来 - 博客园
jQuery cookie 实现记住用户名和密码功能 - 冯叶青 - 博客园
jquery.cookie.js实现cookie记住用户名和密码 - lindaZ - 博客园
jquery.cookie.js操作cookie实现记住密码功能 - 一刀3段 - ITeye博客

tarteaucitron.js

AmauriC/tarteaucitron.js: RGPD friendly cookie manager

weapp-cookie

charleslo1/weapp-cookie: 一行代码让微信、头条、百度、支付宝小程序支持 cookie,兼容 uni-app 🍪🚀 One line of code allows weapp to support cookie(wx weixin wxapp cookie)

Alex1990/tiny-cookie: A tiny cookie manipulation plugin for the browser.

#Cookie 资源、整理集&FAQ

cookie填充内容

JS Cookie 中文乱码

js读写cookie方式以及中文乱码问题 - CSDN博客
[转]JS Cookie 中文乱码 - Seasons1987 - 博客园

HTML5学习之关于Cookie的expires过期时间无效分析 - CSDN博客
正确使用 cookie 的 expires - CSDN博客
不同浏览器Cookie有效期问题 - CSDN博客
JS设置cookie、读取cookie、删除cookie_javascript技巧_脚本之家
Cookie的过期时间的是哪里的时区?-CSDN问答

傻傻分不清之 Cookie、Session、Token、JWT - 掘金
一文带你看懂cookie,面试前端不用愁 - 掘金
怎样与 CORS 和 cookie 打交道 - 掘金
我遇过的最难的Cookie问题 - 掘金
关于前后端写入Cookie时domain的一个问题 - 掘金
京东购物小程序cookie方案实践 - 掘金
预测最近面试会考 Cookie 的 SameSite 属性 - 掘金
看完这篇 Session、Cookie、Token,和面试官扯皮就没问题了 - 掘金
当浏览器全面禁用三方 Cookie - 掘金
前后端通讯:非敏感信息Cookie的"强化"之路
关于 Cookie,这些足够了

#IndexedDB

Dexie.js

dfahlander/Dexie.js: A Minimalistic Wrapper for IndexedDB
Dexie.js - Minimalistic IndexedDB Wrapper

db

ngrx/db: RxJS powered IndexedDB for Angular apps

db.js

aaronpowell/db.js: db.js is a wrapper for IndexedDB to make it easier to work against

IndexedDBShim

axemclion/IndexedDBShim: A polyfill for IndexedDB using WebSql

IndexedDB

w3c/IndexedDB: Indexed Database API
Indexed Database API 3.0

idb

jakearchibald/idb: IndexedDB, but with promises
idb - npm

indexeddb-backbonejs-adapter

superfeedr/indexeddb-backbonejs-adapter: An indexedDB adapter for Backbonejs
Superfeedr Blog - Backbonejs adapter for IndexedDB

IDBWrapper

jensarps/IDBWrapper: A cross-browser wrapper for IndexedDB
IDBWrapper

idb.filesystem.js

ebidel/idb.filesystem.js: HTML5 Filesystem API polyfill using IndexedDB
idb.filesystem.js - npm

jquery-indexeddb

axemclion/jquery-indexeddb: An IndexedDB Plugin for Jquery.
Jquery IndexedDB Plugin

JsStore

ujjwalguptaofficial/JsStore: JsStore is an IndexedDB Wrapper. It makes IndexedDB super easy with its SQL like apis.
JsStore - Think in SQL and do in JS

level-js

Level/level-js: An abstract-leveldown compliant store on top of IndexedDB.

treo

treojs/treo: Consistent API to IndexedDB
treojs.com

zangodb

erikolson186/zangodb: MongoDB-like interface for HTML5 IndexedDB
Index

IndexedDB(一:基本使用) - 掘金
HTML5本地存储——IndexedDB(一:基本使用) - 谦行 - 博客园
HTML5本地存储——IndexedDB(二:索引) - 谦行 - 博客园
HTML5 IndexedDB本地储存-H5教程-PHP中文网

#StorageEvent

storage - Web API 接口参考 | MDN
谈谈StorageEvent - 掘金
localStorage变更事件当前页响应新解-awen - cczw - 博客园

#WebStorage

barn

arokor/barn: Fast, atomic persistent storage layer on top of localstorage

localStorage

machao/localStorage: 全浏览器兼容localStorage组件
📦 首个浏览器内置模块 kv-storage 异步版的 localStorage - 掘金
如何给localStorage设置一个过期时间? - 掘金
浏览器缓存库设计总结(localStorage/indexedDB) - 掘金
前端存储除了 localStorage 还有啥 - 掘金
项目实战之本地存储篇~一文搞定前端本地存储
localstorage的跨域存储方案 - 简书

localForage

localForage——轻松实现 Web 离线存储 - 梦想天空(山边小溪) - 博客园
localForage/localForage: 💾 Offline storage, improved. Wraps IndexedDB, WebSQL, or localStorage using a simple but powerful API.
localforage - npm
localForage
localForage 中文文档

lockr

tsironis/lockr: A minimal API wrapper for localStorage

store.js

store.js - 轻松实现本地存储(LocalStorage) - 梦想天空(山边小溪) - 博客园
marcuswestin/store.js: Cross-browser storage for all use cases, used across the web.

store

nbubna/store: A better way to use localStorage and sessionStorage

使用异步存储提升 Web 应用程序的离线体验

使用异步存储提升 Web 应用程序的离线体验 - 梦想天空(山边小溪) - 博客园
scotttrinh/angular-localForage: Angular service & directive for https://github.com/mozilla/localForage (Offline storage, improved.)
tkh44/react-localforage: 👨‍🌾 Declarative localForage in React
genkgo/ember-localforage-adapter: Offline usage for Ember Data, based on localstorage adapter, but now uses Mozilla's localforage as data source
thgreasi/localForage-cordovaSQLiteDriver: SQLite driver for Cordova apps using localForage.
alekseykulikov/storage: Asynchronous browser storage with multiple back-ends (IndexedDB, WebSQL, localStorage)
shidianxia/vue-localforage: A simple Vue plugin wrapped from localForage.
localForage/localForage-backbone: Backbone.js driver for the localForage offline storage library

Chechengyi/sweet-storage: 给localStorage整合了过期时间的功能
softvar/secure-ls: Secure localStorage data with high level of encryption and data compression.
dom-storage - npm
基于 localStorage 实现一个具有过期时间的 DAO 库 - 掘金

brownies

franciscop/brownies: 🍫 Tastier cookies, local, session, and db storage in a tiny package. Includes subscribe() events for changes.

basil.js

Wisembly/basil.js: The missing Javascript smart persistent layer

samyk/poisontap: Exploits locked/password protected computers over USB, drops persistent WebSocket-based backdoor, exposes internal router, and siphons cookies using Raspberry Pi Zero & Node.js.
krasimir/lsbridge: Using local storage as a communication channel
实现本地跨域存储 - 掘金
技术周刊(2019-01-14 客户端存储 )

¥页面预加载

prerender

prerender/prerender: Node server that uses Headless Chrome to render a javascript-rendered page as HTML. To be used in conjunction with prerender middleware.

prerender-spa-plugin

chrisvfritz/prerender-spa-plugin: Prerenders static HTML in a single-page application.

prerender-node

prerender/prerender-node: Express middleware for prerendering javascript-rendered pages on the fly for SEO

quicklink

GoogleChromeLabs/quicklink: ⚡️Faster subsequent page-loads by prefetching in-viewport links during idle time
Quicklink
【漫游Github】quicklink 的实现原理与给前端的启发 - 掘金
quicklink 为你的页面实现秒开 - 掘金

vue-seo-prerender

snipcart/vue-seo-prerender: Vue.js Tutorial: A Prerendered, SEO-Friendly Example
Vue.js SEO-Friendly SPAs: Tips, Tools & Prerender Example - Snipcart

CSR、SSR、Prerender 原理全解密 - 掘金

¥新窗口

browser-js

kud/browser-js: A sugar for your browser.

pennywise

¥前端路由

page.js

visionmedia/page.js: Micro client-side router inspired by the Express router
Page.js by visionmedia

pathjs

mtrpcic/pathjs: Simple, lightweight routing for web browsers

universal-router

kriasoft/universal-router: A simple middleware-style router for isomorphic JavaScript web apps
universal-router - npm
Universal Router ∙ Isomorphic routing solution for JavaScript applications

flatiron/director: a tiny and isomorphic URL router for JavaScript
ribbitjs/ribbit: Standalone CLI for easy static file generating and route management.
fengshi123/router-example: 本实例分别实现了 Hash 模式和 History 模式的路由
[实践系列] 前端路由 - 掘金
前端路由跳转基本原理 - 掘金
JS 专题系列-前端路由 - 掘金
原生 js 实现一个前端路由 router - 掘金
带你了解路由的底层原理,用原生js手写一个路由

¥管理会话历史记录

history

ReactTraining/history: Manage session history with JavaScript
blog/analysis/history at master · sihai00/blog
history - npm
history源码解析-管理会话历史记录 - 掘金
手把手带你上react-router的history车 - 掘金

history.js

browserstate/history.js: History.js gracefully supports the HTML5 History/State APIs (pushState, replaceState, onPopState) in all browsers. Including continued support for data, titles, replaceState. Supports jQuery, MooTools and Prototype. For HTML5 brow

jquery-ajaxy

balupton/jquery-ajaxy: jQuery Ajaxy aims at solving complicated AJAX Paradigms by providing you with a easy managed solution to bind into page state (URL Hash) changes, AJAX form submits, and support AJAX links.
jQuery Ajaxy

jquery-history

balupton/jquery-history: Super-seeded by github.com/balupton/history.js - jQuery History allows you to easily track changes of the pages state by tracking URL Hashes. Supports changes triggered by bookmarks and back & forward buttons, as well as cross bro
jQuery History - Simple History Handler/Remote for Hash, State, Bookmarking, and Forward Back Buttons

loadify.js

aeurielesn/loadify.js: Loadify.js = jQuery + Anchors + Ajax + HTML5 History API.

pushy

kibu-australia/pushy: Clojurescript library for quick and easy HTML5 pushState

InstantClick

dieulot/instantclick: InstantClick makes following links in your website instant.
InstantClick — JS library to make your website instant
Events and script re-evaluation in InstantClick
完美解决有关预加载InstantClick的问题-js教程-PHP中文网
关于预加载InstantClick的问题解决方法_javascript技巧_脚本之家
使用InstantClick.js让页面提前加载200ms_javascript技巧_脚本之家
InstantClick提升页面加载速度,让你的网站与众不同!-小锋博客

quickstart-js

firebase/quickstart-js: Firebase Quickstart Samples for Web
Quick Start — Vuetify.js

¥网络请求、响应&服务

¥Concurrent Request/Request Queue

robinwp/RequestQueue: 带并发数限制的请求。需要浏览器支持promise,或者使用polyfill
1446445040/ajax-limiter: 一个不同于Promise.all的工具函数,用于当你想要尽快完成所有请求,又想控制并发数量的时候。一句话概括,控制并发请求的最大数量。
mlinquan/for-more: Multithread Synchronization Loop. Support Promise.
zqh404/requestQueue: 模拟一个请求队列,处理在http1.0协议下大量请求数并发情况导致6-8个请求等待而阻塞后面的请求情况
zhongjiewang/js-crawler: 并发请求
前端实现并发请求。 - 木易锅巴 - 博客园
前端请求并发控制 - 简书

¥统一资源标识符(Uniform Resource Identifier,URI)&统一资源定位符(Uniform Resource Location,URL)

#URLSearchParams

url-search-params

WebReflection/url-search-params: Simple polyfill for URLSearchParams standard
WebReflection/url-search-params: Simple polyfill for URLSearchParams standard
ungap/url-search-params: The URLSearchParams polyfill

URLSearchParams - Web APIs | MDN
plesiecki/tiny-search-params: Tiny (~300b) and ultra fast query-string like utility
stevenvachon/is-urlsearchparams: Determines whether a value is a URLSearchParams instance.
athanclark/purescript-web-urlsearchparams: Binding to the javascript Web URLSearchParams browser API

#Query String

append-query

lakenen/node-append-query: Append querystring params to a URL.

qs

ljharb/qs: A querystring parser with nesting support
qs - npm

query-string

sindresorhus/query-string: Parse and stringify URL query strings
query-string - npm

qs-stringify

goto-bus-stop/qs-stringify: Simple query stringify with nesting, ~200b gzipped.

mathiasvr/querystring: Node's querystring module for browsers.
unshiftio/querystringify: Querystringify - Small, simple but powerful query string parser.
john-yuan/querystring.js: A query string encoder and decoder. Can be used to encode arrays and objects.
cmddevelopllc/query-parameters: Translates URL query parameters for Mongoose, Express, and MongoDb
url-search-query-builder - npm
JavaScript获取URL中参数querystring的方法详解_javascript技巧_脚本之家
Request 对象之QueryString集合

#URI/URL Polyfill

lifaon74/url-polyfill: Polyfill URL and URLSearchParams to match last ES7 specifications
LvChengbin/url: Polyfill for URL and URLSearchParams conforming the implementation of Google Chrome
jerrybendy/url-search-params-polyfill: a simple polyfill for javascript URLSearchParams
lukeed/url-shim: A 1.5kB browser polyfill for the Node.js `URL` and `URLSearchParams` classes.

检测、解析&格式化URI/URL

#format url

rock-candy/format-url: Create formatted urls
ly-utils/ly-url-format: url参数格式化
harrydengchao/tiny-urlformat: This is a url format tool
url-format - npm

humanize-url

sindresorhus/humanize-url: Humanize a URL: https://sindresorhus.com → sindresorhus.com

js-url

websanova/js-url: url() - A simple, lightweight url parser for JavaScript

jsVideoUrlParser

Zod-/jsVideoUrlParser: A javascript parser to extract informations like provider, channel, id, start time from YouTube, Vimeo, Dailymotion, Twitch,... urls

normalize-url

sindresorhus/normalize-url: Normalize a URL

purl

allmarkedup/purl: [NO LONGER MAINTAINED] A JS utility for for parsing URLs and extracting information out of them.

Url.js

JavaScript 功能类 Url.js - 简书
Url.combine 展示 - WEB源码js/css/H5 - JSRUN
jillix/url.js: A lightweight JavaScript library to manipulate the page url.
url.js
kevincox/url.js: URL parsing in javascript.

url-join

jfromaniello/url-join: Join all arguments together and normalize the resulting url.

url-parse

unshiftio/url-parse: Small footprint URL parser that works seamlessly across Node.js and browser environments.

alexcorvi/anchorme.js: Tiny, fast, efficient, feature rich Javascript library to detect links / URLs / Emails in text and convert them to clickable HTML anchor links
moxystudio/js-proper-url-join: Like path.join but for a URL
lydell/resolve-url: Like Node.js’ `path.resolve`/`url.resolve` for the browser.
mjackson/resolve-pathname: Resolve URL pathnames using JavaScript
ljosa/urlize.js: JavaScript port of Django's function for converting URLs in text into clickable links.
steverydz/build-url
benmvp/url-lib: A simple, lightweight string utility for Node and browsers that supports serializing and parsing URLs and query strings.
stevenvachon/universal-url: WHATWG URL for Node & Browser.
stevenvachon/universal-url-lite: A smaller Universal WHATWG URL, for Browserify/etc.
bryanthomaschen/re-url
RFC 6570 - URI Template
RFC 3986 - Uniform Resource Identifier (URI): Generic Syntax
urlencode - When to encode space to plus (+) or %20? - Stack Overflow
HTTP URL Path Parameter Syntax — Dorian Taylor
unshift.io
URL中的# - 掘金
常见面试题 - URL 解析 - 掘金
【读】这一次,让我们再深入一点 - URL你是否真的了解? - 掘金
面试题之正则表达式解析一个完整的url - 掘金
JavaScript URL 正则怎么写 - 掘金
JS中URL参数处理的三种方法
jquery获取url参数及url加参数的方法_jquery_脚本之家

¥网络连接状态

Offline.js

Offline.js – Handle your users losing their internet connection like a pro
HubSpot/offline: Automatically display online/offline indication to your users

¥网络请求、响应&HTTP Client

#JSONP

afeld/jsonp: A proxy to help with cross-domain requests
loshafee/jsonp: a jsonp module using promise
webmodules/jsonp: A simple JSONP implementation
HolyZheng/jsonpGet: A simple lib for Jsonp Cross-domain Request, it returns a promise。一款用于jsonp跨域请求的插件,并经过promise封装,简单易用。
hideden/ngx_http_jsonp_callback: nginx append jsonp callback module.
JSONProxy
jquery - jsonp callback problem - Stack Overflow
JSONP 教程 | 菜鸟教程
40行封装一个jsonp包 - 掘金
网页上的jsonpcallback=?,这个值怎么来的?-CSDN论坛
jsonp和callback的使用 - linli1991的博客 - CSDN博客
ajax-JSONP跨域请求,success_jsonpCallback没有执行——CSDN问答频道
jsonp处理跨域 - 小小蔡芽 - 博客园
JQuery的jsonp的success与jsonpCallback的关系 - 没有发条的橙 - 博客园
jsonp和jsonpcallback的使用 - 张瑞奇 - 博客园
ajax JSONP请求处理回调函数jsonpCallback区分大小写-阿里云资讯网
JSONP实现Ajax跨域cross-domain访问 - princeoicq - 博客园

#重复提交

防止数据重复提交的6种方法(超简单)!

axios

axios core

《axios源码解读系列》

axios源码解读系列之一 项目入口与项目整体结构 - 掘金
axios源码解读系列之二 实例化axios的默认配置 - 掘金
axios源码解读系列之三 axios中的adaptor - 掘金
axios源码解读系列之四 axios核心内容(get,post等方法实现) - 掘金
axios源码解读系列之五 dispatchRequest - 掘金

contentType和responseType

javascript - axios 的responseType 类型动态设置 - SegmentFault 思否
在IE9下,当responseType设置为json, response.data为undefined - qq_19739063的博客 - CSDN博客
axios 的responseType 类型动态设置_慕课猿问
axios发送post请求,默认的content-type - 杭州半云-王晓刚 - 博客园

interceptors

Instance does not have global interceptors · Issue #993 · axios/axios
axios 拦截器只能添加到实例上 - 简书

transformRequest和transformResponse

用户对问题“如何使用transformRequest和transformResponse修改$资源的数据?”的回答 - 问答 - 云+社区 - 腾讯云

URLSearchParams

axios 请求接口报错 URLSearchParams undefined - Cherishwcc的博客 - CSDN博客
new URLSearchParams() 内置对象获取地址栏的参数 通过键的方式拿到值 - hc2018的博客 - CSDN博客
javascript - URLSearchParams append方法通过for循环后为空 - SegmentFault 思否
vue.js - 为什么要用URLSearchParams格式化参数,一个一个append进去不是很麻烦吗? - SegmentFault 思否
URLSearchParams 接口定义处理 URL 参数串 - AlanTao - 博客园
使用URLSearchParams处理axios发送的数据 - 李佳骏 - 博客园
除了使用URLSearchParams处理axios发送的数据,但是兼容性不好,其他的兼容方法 - 前端++ - 博客园
URLSearchParams 对象用法-蚂蚁部落
URLSearchParams 配合 axios 提交重复的参数 - 简书

axios/axios: Promise based HTTP client for the browser and node.js
Axios
使用说明 · Axios 中文说明 · 看云
axios-es6 - npm
axios中文文档 - CSDN博客
axios2 - npm
axios - npm
axios中文网|axios API 中文文档 | axios

axios libs、plugins&tools

axios-mock-adapter

ctimmerm/axios-mock-adapter: Axios adapter that allows to easily mock requests

axios-service

libaoxu/axios-service: make axios more easlier to use in code
Package - axios-service

retrofit-cjs

glangzh/retrofit-cjs: retrofit-cjs 是一个基于JavaScript装饰器(Decorator)和 axios 实现的网络请求库, 支持Vue / React / react-native 等常用框架, 支持node.js

Gerhut/axios-debug-log: Axios interceptor of logging request & response with debug library.
srph/axios-response-logger: Axios interceptor which logs responses

axios 资源、整理集&FAQ

axios 资源

axios config

axios使用说明书 - 掘金
Vue中axios的使用技巧配置项详解 - 牙疼哥哥 - 博客园

axios-api-module

CalvinVon/axios-api-module: 一个专注于业务并基于 axios 的模块化封装模块。🚀 v3.x 重新设计了API和中间件,让发送请求更简单!

hengshanMWC/film: 针对axios和flyio之类的二度封装,将配置文件转成方法,主要解决parmas路径痛点
一文深度剖析Axios源码

axios 整理集

[译]axios 是如何封装 HTTP 请求的 - 掘金

axios FAQ

axios 文件

vue+axios实现文件下载 - 邵阳肖敏的博客 - CSDN博客
axios 进行文件上传 - java_goodstudy的博客 - CSDN博客
axios 实现 文件上传 - 木流沙的博客 - CSDN博客
vue axios实现文件上传 - 蜗牛速度额的博客 - CSDN博客
萌新用vue + axios + formdata 上传文件的爬坑之路 - qq_41688165的博客 - CSDN博客
vue中利用axios实现文件上传进度实时更新 - 瑞雪的前端学习 - SegmentFault 思否
axios上传文件爬坑之路 - 简书
01vue+axios+formData实现文件上传(包含简单的Java后台) - 简书
vue+axios实现文件下载及vue中使用axios的实例_vue.js_脚本之家
vue+axios实现文件下载 - yulj - 博客园

取消请求

vannvan/wwvue-cli: vue-cli升级版脚手架,常用插件、全局混入、公共指令、模块化vuex、便捷的命令行工具等,开箱即用!如果对您有帮助,还望不要吝啬⭐,如果您有更好的建议还望提issues一下,此方案会不断完善,不定期更新 !😀😀
vue和react中如何优雅地使用axios取消请求 - 掘金
vue axios路由跳转取消所有请求 和 防止重复请求 - 完美前端 - 博客园

请求缓存/请求过滤

SugarTurboS/repeat-request-minder: A tool that can help you check whether there are duplicate requests in your project
SugarTurboS/repeat-request-minder-webpack-plugin
jf3096/request-container: help you to manage http request and ensure all same requests performed once
前端 api 请求缓存方案 · Issue #2 · wsafight/personBlog
axios请求的缓存与重复请求过滤的封装(plus)

Interceptor for 302 responses · Issue #980 · axios/axios
Need some advice about handling 302 redirects from Ajax · Issue #932 · axios/axios
maxRedirects still follows a redirect · Issue #674 · axios/axios
React 用axios 获取遍历json 引入swiper轮播图 - 掘金
axios关于针对请求时长策略设计的思考 - 掘金
vue全家桶 ---axios的使用和二次封装 - 掘金
vue-cli中怎么基于axios去封装方法 - 掘金
聊聊 Vue 中 axios 的封装 - 掘金
Vue二次封装axios为插件使用 - 掘金
前端API层架构,也许你做得还不够 - 掘金
更优雅的HTTP请求
vue中Axios封装、API接口管理记录
[译] axios 是如何封装 HTTP 请求的
77.9K Star 的 Axios 项目有哪些值得借鉴的地方
vue + axios 封装ajax,针对 form 提交和 application/json 提交的两种封装方式 - 转身那一瞬 - CSDN博客
axios post请求数据,在Content-Type为application/x-www-form-urlencoded情况下,data如何转换为json的解决办法 - Qlily_ing的博客 - CSDN博客
axios 发送formData参数 - ttxxsir的博客 - CSDN博客
Axios传参的两种方式,表单数据和json字符串(Form Data和Request Payload) - Zack_ZXY的博客 - CSDN博客
axios配置后,post提交formdata - 你蠢哭我咯的博客 - CSDN博客
使用axios发送application/json请求,数据以payload提交在服务端如何解析数据 - az44yao的专栏 - CSDN博客
Axios同一请求发送两次 解决方案(亲测可行) - 记录程序的点点滴滴! - CSDN博客
vue axios POST请求中参数以form data和request payload形式的原因 - YUSIR 完美CODING世界 - CSDN博客
vue中axios请求payload的暴力解决方案 - qq_36539075的博客 - CSDN博客
axios发起表单提交POST请求,请求体中的数据为Request Payload - qq_37301432的博客 - CSDN博客
Vue 使用axios 发送post请求,参数格式有错误问题 - 你好邱林和的专栏 - CSDN博客
vue axios看前后端数据交互 - 书写人生 - CSDN博客
axios - Catie - CSDN博客
vue--------之axios的使用与二次封装 - CSDN博客
axios.defaults 配置默认, axios.interceptors拦截器 - qq_34164814的博客 - CSDN博客
axios拦截器配置最全记录_网络_well2049的博客-CSDN博客
axios 发 post 请求的问题 - 简书
axios发送post请求,springMVC接收不到数据问题 - 简书
Vue乱搞系列之axios发起表单请求 - 简书
axios 二次封装 api的统筹管理 配合async await实际项目中的运用 - 简书
axios中文文档 - 简书
一个axios的简单教程 - 简书
解决请求unable to decode value问题 - 简书
axios统一配置&请求错误时自动重试 - 简书
axios二次封装及API接口统一管理 - 简书
axios post提交的Content-Type - 庞国明 - 博客园
vue axios全攻略 - 最骚的就是你 - 博客园
vue中使用axios最详细教程 - 华猿 - 博客园
axios基本用法 - 故园苒苒 - 博客园
Progressive Web Applications - 故园苒苒 - 博客园
vue axios全攻略 - 最骚的就是你 - 博客园
vue2.0项目实战(3)使用axios发送请求 - _marven - 博客园
axios 实现loading加载提示 · 小龙哥的前端博客 · 看云
axios全攻略 | 羸弱的小金鱼

fly.js

wendux/fly: Supporting request forwarding and Promise based HTTP client for all JavaScript runtimes.
flyio - npm
flyio-起步
wendu's git page
flyio-Get started
fly.js vs axios - 掘金
JS HTTP 请求终极解决方案 - fly.js - 掘金
支持所有JavaScript运行时的HTTP网络库-Fly.js - 杜文的专栏 - CSDN博客
JS HTTP 请求终极解决方案 - fly.js - 杜文的专栏 - CSDN博客
强烈推荐:支持Vue家族全系框架的跨平台http请求库-fly.js - 个人文章 - SegmentFault 思否
JS HTTP请求终极解决方案 - fly.js - 简书
fly.js—Node下增强的API - 简书
fly.js - 专题 - 简书

intercooler-js

intercoolerjs/intercooler-js: Making AJAX as easy as anchor tags
intercooler.js - Simple AJAX using HTML attributes

request

request/request: 🏊🏾 Simplified HTTP request client.

superagent

visionmedia/superagent: Ajax for Node.js and browsers (JS HTTP client)

JS 中的网络请求 AJAX, Fetch, WebSocket - 掘金
如何在 Web 关闭页面时发送 Ajax 请求 - 掘金
Web Beacon 刷新/关闭页面之前发送请求 - 掘金
前端数据请求的终极方案 - 掘金
也许这是最优雅的前端请求方案 - 掘金
Form表单提交的四种数据格式 - 掘金
项目实战之接口处理篇~一文搞定接口请求

¥验证、识别&密码

¥Authorization

#密码强度

zxcvbn

dropbox/zxcvbn: Low-Budget Password Strength Estimation

dadiu/passwordStrength: 密码强度
fnando/password_strength: Check password strength against several rules. Includes ActiveRecord/ActiveModel support.
kartik-v/strength-meter: A dynamic strength meter for password input validation with various configurable options.
ravisorg/Mellt: A brute force password checker that returns a meaningful number describing the real world strength of your password
tests-always-included/password-strength: Calculates the entropy of a password
elwayman02/ember-cli-password-strength: Ember-CLI wrapper for password-strength checking via zxcvbn
nraboy/ionic-cipher-safe-app: Store passwords on Firebase using a master password and AES strength encryption with Ionic Framework
rung-tools/tiny-password-strength: Super tiny password strength checker
enquirer/prompt-password-strength: Custom mask function for prompt-password that adds a 'strength progress meter' that changes color as the password strength increases. Uses zxcvbn, the popular password strength estimation tool brought to you by dropbox.

#密码校验

password-validator

tarunbatra/password-validator: Validates password according to flexible and intuitive specification
password-validator - npm

#验证码

desirepath41/visualCaptcha: visualCaptcha's Main Repo. This is a collection of all the different versions/repos of visualCaptcha.
AJ-Captcha: 行为验证码(滑动拼图、点选文字),前后端(java)交互,包含vue/h5/Android/IOS/flutter/uni-app的源码和实现
【JS】pojie文字图文选择顺序验证码

auth0.js

Auth0
auth0/auth0.js: Auth0 headless browser sdk

¥身份证

IDValidator

mc-zone/IDValidator: 中国大陆个人身份证号验证 Chinese Mainland Personal ID Card Validation

¥电话号码

andreasgal/PhoneNumber.js: phonenumber.js is a JavaScript library to verify and format phone numbers

¥邮件

mailcheck

mailcheck/mailcheck: Reduce misspelled email addresses in your web apps.

¥智能识别库

光学字符识别 (Optical Character Recognition,OCR)

ouyanghuiyu/chineseocr_lite: 超轻量级中文ocr,支持竖排文字识别, 支持ncnn推理 , psenet(8.5M) + crnn(6.3M) + anglenet(1.5M) 总模型仅17M
chenfengyanyu/electron-ocr: OCR(Optical Character Recognition), Electron, Tools

浏览器指纹库

clientjs

jackspirou/clientjs: Device information and digital fingerprinting written in pure JavaScript.

fingerprint

jonasstrehle/supercookie: ⚠️ Browser fingerprinting via favicon!

FingerprintJS

FingerprintJS
fingerprintjs/fingerprintjs: Browser fingerprinting library with the highest accuracy and stability.

AmIUnique

网页语音识别库

Julius JS – 最流行的网页语音识别库 - 梦想天空(山边小溪) - 博客园

StompJS+SpeechSynthesis实现前端消息实时语音播报 - 掘金

Web验证的过去现在与未来 - 掘金
「圣诞特辑」纯前端实现人脸识别自动佩戴圣诞帽 - 掘金
Canvas入门实战之用javascript面向对象实现一个图形验证码 - 掘金

$数据加密、解密、处理、格式化、类型、编码&解码

¥authentication、加密、解密、加签&解签

#AES

aes-js

ricmoo/aes-js: A pure JavaScript implementation of the AES block cipher and all common modes of operation for node.js or web browsers.

#JSON Object Signing and Encryption,JOSE

#JSON Web Encryption,JWE

#JSON Web Key,JWK

#JSON Web Signature,JWS

kjur/jsjws: (IMPORTANT NOTICE: END OF SUPPORT! jsjws have been merged into http://kjur.github.io/jsrsasign/. So please move to jsrsasign. The 'jsjws' is a pure JavaScript implementation of JSON Web Signature(JWS) and JSON Web Token(JWT).

jsjws

jsjws

#JSON Web Token,JWT

jose

panva/jose: Universal "JSON Web Almost Everything" - JWA, JWS, JWE, JWT, JWK with no dependencies

square/js-jose: JavaScript library to encrypt/decrypt data in JSON Web Encryption (JWE) format and to sign/verify data in JSON Web Signature (JWS) format. Leverages Browser's native WebCrypto API.

#MD5

blueimp-md5

blueimp/JavaScript-MD5: JavaScript MD5 implementation. Compatible with server-side environments like node.js, module loaders like RequireJS and all web browsers.

js-md5

emn178/js-md5: A simple MD5 hash function for JavaScript supports UTF-8 encoding.

js-spark-md5

satazor/js-spark-md5: Lightning fast normal and incremental md5 for javascript

md5.js

crypto-browserify/md5.js: node style md5 on pure JavaScript

placemarker/jQuery-MD5: JavaScript MD5 plugin, usable as part of the jQuery library or standalone
pvorb/node-md5: a JavaScript function for hashing messages with MD5
wbond/md5-js: A modification of Joseph Myers's high-preformance javascript md5 function that hashes unicode characters by first converting to UTF-8. http://jsperf.com/md5-shootout
feross/md5-password-cracker.js: Crack MD5 passwords with JavaScript Web Workers
gdi2290/angular-md5: md5 for Angular.js and Gravatar filter
erm0l0v/webpack-md5-hash: Plugin to replace a standard webpack chunkhash with md5.
wpfpizicai/gulp-md5-plus: md5 plugin for gulp
lmk123/angularjs-requirejs-rjs-md5: AngularJS 的示例项目,使用 RequireJS 异步加载模块、指令、控制器等文件,使用 gulp 精简文件并将文件名重命名为 md5 的格式以便于存放在 CDN 中。
d4nt/md5-js: An MD5 implementation in JavaScript
http-auth/apache-md5: Node.js module for Apache style password encryption using md5.
jkiss/crypto-js: 提供多种加密算法,MD5 哈希的 JS版本 -- Automatically exported from code.google.com/p/crypto-js
md5 - npm
JavaScript MD5 Demo

#RSA

node-rsa

rzcoder/node-rsa: Node.js RSA library

RSA算法基础详解 - 黄映焜 - 博客园
lsqswl/rsaencrypt: RSA encrypt tool base 'jsencrypt' which can encrypt long string.

#SHA

Caligatio/jsSHA: A JavaScript implementation of the complete Secure Hash Standard family (SHA-1, SHA-224, SHA3-224, SHA-256, SHA3-256, SHA-384, SHA3-384, SHA-512, SHA3-512, SHAKE128, and SHAKE256) as well as HMAC
emn178/js-sha256: A simple SHA-256 / SHA-224 hash function for JavaScript supports UTF-8 encoding.
emn178/js-sha512: A simple SHA-512, SHA-384, SHA-512/224, SHA-512/256 hash functions for JavaScript supports UTF-8 encoding.
jsSHA - SHA Hashes in JavaScript

bcrypt

kelektiv/node.bcrypt.js: bcrypt for NodeJs
dcodeIO/bcrypt.js: Optimized bcrypt in plain JavaScript with zero dependencies.
shaneGirish/bcrypt-nodejs: Native implementation of bcrypt for NodeJS

CryptoJS

brix/crypto-js: JavaScript library of crypto standards.
sytelus/CryptoJS: This is unmodified copy of Google Code hosted CryptoJS project. CryptoJS is a growing collection of standard and secure cryptographic algorithms implemented in JavaScript using best practices and patterns. They are fast, and they have a
gwjjeff/cryptojs: Following googlecode project crypto-js, provide standard and secure cryptographic algorithms for NodeJS. Support MD5, SHA-1, SHA-256, RC4, Rabbit, AES, DES, PBKDF2, HMAC, OFB, CFB, CTR, CBC, Base64
entronad/crypto-es: A crypto-js written in ES.
How java&JavaScript uses CryptoJS AES encryption and decryption · Issue #165 · brix/crypto-js
crypto-js - npm
CryptoJS - CryptoJS
javascript - AES Encrypt using CryptoJS - Stack Overflow
JS Bin - Collaborative JavaScript Debugging
Google Code Archive - Long-term storage for Google Code Project Hosting.
Google Code Archive - Long-term storage for Google Code Project Hosting.
crypto-js AES 使用经验 | Moln’s blog
Encryption and decryption using CryptoJS' AES implmentation - Plunker
使用CryptoJS进行AES加密_季夏右一-CSDN博客
CryptoJS实现AES加密_Nicholas的专栏-CSDN博客
crypto-js aes加密解密 - 个人文章 - SegmentFault 思否
javascript - 前端js使用crypto-js进行aes解密,解密内容为空 - SegmentFault 思否
前端 crypto-js aes 加解密 - 简书
小程序使用npm包, 引入cryptoJs进行AES加密跟MD5加密 - 简书
JS加密插件CryptoJS实现AES加密操作示例_javascript技巧_脚本之家
【重写 CryptoJS】一、ECMAScript 类与继承 - 知乎
Esnail - 博客园
vue 中引入cryptoJS - secretAngel - 博客园
js crypto_js/crypto_cryptojs aes - 云+社区 - 腾讯云
如何使用CryptoJS的AES方法进行加密和解密

crypt.io

jas-/crypt.io: Encryption enabled browser storage

jsrsasign

kjur/jsrsasign: The 'jsrsasign' (RSA-Sign JavaScript Library) is an opensource free cryptography library supporting RSA/RSAPSS/ECDSA/DSA signing/validation, ASN.1, PKCS#1/5/8 private/public key, X.509 certificate, CRL, OCSP, CMS SignedData, TimeStamp, CAdES JSON Web Signature/Token in pure JavaScript.
jsrsasign - cryptography library in JavaScript
jsrsasign LICENSE - RSA Signing and Verification in JavaScript

JSEncrypt

travist/jsencrypt: A Javascript library to perform OpenSSL RSA Encryption, Decryption, and Key Generation.

minimalistic-crypto-utils

indutny/minimalistic-crypto-utils: Minimalistic utils for JS-only crypto

sphinx

SphinxJS | A very light JS library which could encode a string to an image, or decode an image to a string.
jrainlau/sphinx: A very light JS library which could encode a string to an image, or decode an image to a string.

forkchain/alpha
crypto-browserify
ajimae/ncrypt-js: A light weight javascript data encryption and decryption library
bcomnes/nacl-blob: 🔐Encrypt DOM API blobs using nacl-stream-js
juhoen/hybrid-crypto-js: RSA+AES hybrid encryption implementation for JavaScript. Works with Node.js, React Native and modern browsers.
paragonie/poly1305-js: JavaScript implementation of the Poly1305 one-time authenticator
paragonie/xchacha20-js: JavaScript implementation of ChaCha20, HChaCha20, and XChaCha20
tpenaranda/vue-cryptojs: A small wrapper for integrating crypto-js into VueJS
danang-id/simple-crypto-js: Simplified AES crypthography for safe and easier encryption and decryption proccesses of any JavaScript objects.
bcoin-org/bcrypto: JS crypto library
zhangs3721/wx_jsencrypt
如何设计一个安全对外的接口?加签验签了解一下
前端加密那点事 - 掘金
一文搞懂Web中暗藏的密码学 - 掘金
玩转混合加密 | 精美配图

¥数据处理

¥Google 统计分析库

Boba.js – 用于 Google 统计分析 JavaScript 库 - 梦想天空(山边小溪) - 博客园

¥State Management

akita

datorama/akita: 🚀 State Management Tailored-Made for JS Applications

cerebral

cerebral/cerebral: Declarative state and side effects management for popular JavaScript frameworks
Cerebral Docs

dob

dobjs/dob: Light and fast 🚀 state management tool using proxy.

Flux

Flux core

facebook/flux: Application Architecture for Building User Interfaces
Flux | Application Architecture for Building User Interfaces

flux-standard-action

redux-utilities/flux-standard-action: A human-friendly standard for Flux action objects.

Flux简介 - 林涧的专栏 - CSDN博客
Flux架构学习 - 不断成长的我 - CSDN博客
前端Flux架构简介 -解道Jdon
从React到Flux架构 - 简书

immer

immerjs/immer: Create the next immutable state by mutating the current one
Introduction to Immer · Immer
Immer 全解析 - 掘金

mobx

MobX State Tree数据组件化开发

[MobX State Tree数据组件化开发][0]:开篇 - 掘金
[MobX State Tree数据组件化开发][1]:MST基础 - 掘金
[MobX State Tree数据组件化开发][2]:实例-TodoList - 掘金
[MobX State Tree数据组件化开发][3]:选择正确的types.xxx - 掘金

mobxjs/mobx: Simple, scalable state management.
niqingyang/mobx-loading: 参考了 dva-loading 的思路,基于 mobx 实现了用于监控各个 mode 和 effect 加载状态的组件
Mobx如此简单 - 掘金
带你走进Mobx的原理 - 掘金

Ractor

下一代状态管理系统 - Ractor - 掘金
FE-Ractor/ractor-react
FE-Ractor/ractor-hooks: custom hooks for React
FE-Ractor/ractor: An event system based state management inspired by Redux and Akka Actor
Reade Me · Ractor

SimpleStateManager

jonathan-fielding/SimpleStateManager: A responsive state manager which allows you to run different javascript at different browser widths

storeon

storeon/storeon: 🌩 A tiny (167 bytes) event-based Redux-like state manager for React, Preact, Angular, Vue, and Svelte

zuck.js

ramon82/zuck.js: A javascript library that lets you add stories EVERYWHERE.
zuck.js | ramon souza

developit/stockroom: 🗃 Offload your store management to a worker easily.
The Elm Architecture · An Introduction to Elm
基于Redux/Vuex/MobX等库的通用化状态OOP - 掘金
JS手写状态管理的实现 - 掘金
Vuex、Flux、Redux、Redux-saga、Dva、MobX

¥util

ec-do

chenhuiYj/ec-do: 实例为日常开发常用的小实例,包括数组去重,打乱数组,字母大小写转换,cookie操作的封装等。

futil-js

smartprocure/futil-js: F(unctional) util(ities). Resistance is futile.

licia

liriliri/licia: Useful utility collection with zero dependencies
Licia: Useful Utility Collection with Zero Dependencies:)
Builder - Licia: Useful Utility Collection with Zero Dependencies:)
Docs - Licia: Useful Utility Collection with Zero Dependencies:)
A New Utility Library Designed to Get Things Done – Hacker Noon

outils

proYang/outils: 前端业务代码工具库
outils - npm

Zepto

madrobby/zepto: Zepto.js is a minimalist JavaScript library for modern browsers, with a jQuery-compatible API
Zepto Docs
Zepto Docs
Zepto.js (1.2.0) API 中文文档-轻量级兼容jQuery的JavaScript库
Zepto,Zepto.js,Zepto API 中文版,Zepto.js API 中文版,Zepto 中文手册: 轻量级兼容jQuery的JavaScript库
Zepto.js – 为现代浏览器而生的轻量级 JavaScript 库 - 梦想天空(山边小溪) - 博客园
zepto源码注释 - zjhsd2007 - 博客园

node-modules/utility: A collection of useful utilities.
JofunLiang/usuallyjs: 一个面向现代 Web 开发的 JavaScript 函数库
BothEyes1993/bes-jstools: 100多个基础常用JS函数和各种数据转换处理集合大全,此工具包是在 outils 的基础上,加上个人平时收集的代码片段进行的二次整合
JowayYoung/trample: A front-end Web/Node general utils library
tangshuang/omd: javascript module method which is compatible with CommonJS(node), amd (RequireJS) & cmd (SeaJS)
tnfe/bbo: A useful utility collection library with zero dependencies. 🍖🌭🍔
access log date format · jsPerf
269个JavaScript工具函数,助你提升工作效率(新)

¥随机数

Chance

chancejs/chancejs: Chance - Random generator helper for JavaScript
Chance
Chance

random_compat

paragonie/random_compat: PHP 5.x support for random_bytes() and random_int()
Community Projects - Paragon Initiative Enterprises

随机数大家都会用,但是你知道生成随机数的算法吗?
Js产生随机数的几种方法 - 青年a - 博客园

¥缓存、记忆

alexreardon/memoize-one: A memoization library which only remembers the latest invocation
caiogondim/fast-memoize.js: :rabbit2: Fastest possible memoization library
缓存系统设计精要 - 掘金

¥复制、搜索、过滤、替换、比较、排序

Fuse

fuzzy - npm
krisk/Fuse: Lightweight fuzzy-search, in JavaScript
nextapps-de/flexsearch: Next-Generation full text search library for Browser and Node.js
bevacqua/fuzzysearch: Tiny and blazing-fast fuzzy search in JavaScript
farzher/fuzzysort: Fast SublimeText-like fuzzy search for JavaScript.
Glench/fuzzyset.js: fuzzyset.js - A fuzzy string set for javascript
mattyork/fuzzy: Filters a list based on a fuzzy string search
Yomguithereal/talisman: A straightforward & modular NLP, machine learning & fuzzy matching library for JavaScript.

list.js

javve/list.js: The perfect library for adding search, sort, filters and flexibility to tables, lists and various HTML elements. Built to be invisible and work on existing HTML.
Search, sort, filters, flexibility to tables, list and more! - List.js

mixitup

patrickkunka/mixitup: A high-performance, dependency-free library for animated filtering, sorting, insertion, removal and more
MixItUp | KunkaLabs

PourOver

NYTimes/pourover: A library for simple, fast filtering and sorting of large collections in the browser. There is a community-maintained fork that addresses a handful of post-NYT issues available via @hhsnopek's https://github.com/hhsnopek/pourover

mesqueeb/filter-anything: A simple (TypeScript) integration of "pick" and "omit" to filter props of an object
mesqueeb/find-and-replace-anything: Replace one val with another or all occurrences in an object recursively. A simple & small integration.
mesqueeb/compare-anything: Compares objects and tells you which props are duplicate, and props are only present once.
mesqueeb/copy-anything: An optimised way to copy'ing (cloning) an Object or Array. A small and simple integration
电脑文件夹排序中的名称排列那个字符最靠前?不仅仅限制汉字和字母。_百度知道
记一个复杂组件(Filter)的从设计到开发 · Issue #47 · Nealyang/PersonalBlog

¥不可变数据集合

SpaceAce

JonAbrams/SpaceAce: A fancy immutable storage library for JavaScript

¥双向数据绑定

ermouth/jQuery.my: jQuery.my is a plugin that binds form controls with js data structures.
Basic concepts

¥数据验证

ajv

ajv-validator/ajv: The fastest JSON Schema Validator. Supports draft-04/06/07
ajv-validator/ajv-keywords: Custom JSON-Schema keywords for Ajv validator
ajv-validator/ajv-errors: Custom error messages in JSON-Schema for Ajv

is-my-json-valid

mafintosh/is-my-json-valid: A JSONSchema validator that uses code generation to be extremely fast

is-odd

i-voted-for-trump/is-odd: I created this in 2014, the year I learned how to program. All of the downloads are from an old version of https://github.com/micromatch/micromatch. I've done a few other things since: https://github.com/jonschlinkert.
is-odd - npm

joi

hapijs/joi: Object schema validation
sideway/joi: The most powerful data validation library for JS

ow(为人类设计的的函数参数验证)

sindresorhus/ow: Function argument validation for humans

Superstruct

ianstormtaylor/superstruct: A simple and composable way to validate data in Javascript.

validatorjs

skaterdav85/validatorjs: A data validation library in JavaScript for the browser and Node.js, inspired by Laravel's Validator.

v8n

imbrn/v8n: ☑️ JavaScript fluent validation library
Introduction | v8n

valid.js

dleitee/valid.js: 📝 A library for data validation.

yup

jquense/yup: Dead simple Object schema validation

typechecker · GitHub Topics
primitive-types · GitHub Topics
type-checking · GitHub Topics
type-checker · GitHub Topics
type-check · GitHub Topics
lucono/xtypejs: Elegant, highly efficient data validation for JavaScript.
cedriking/is.js: Micro javascript library to use in conditions.
manikumarkv/data-validator-js: Validations and utility library for TS and JS
CharlGottschalk/approvejs: A simple JavaScript validation library that doesn't interfere
ostrowr/ts-json-validator: Let JSON play nicely with Typescript
afram/is-uuid: UUID check for node and the browser
segmentio/is-email: Component: loosely validate an email address.
mesqueeb/is-what: JS type check (TypeScript supported) functions like `isPlainObject() isArray()` etc. A simple & small integration.
juliangruber/isarray: Array#isArray for older browsers.

¥数据处理

mesqueeb/merge-anything: Merge objects & other types recursively. A simple & small integration.
mesqueeb/flatten-anything: Flatten objects and replace nested props with 'prop.subprop'. A simple and small integration.

CountUp.js

CountUp.js – 让数字以非常有趣的动画方式显示 - 梦想天空(山边小溪) - 博客园

immutable-js

facebook/immutable-js: Immutable persistent data collections for Javascript which increase efficiency and simplicity.
immutable-js/immutable-js: Immutable persistent data collections for Javascript which increase efficiency and simplicity.
rtfeldman/seamless-immutable: Immutable data structures for JavaScript which are backwards-compatible with normal JS Arrays and Objects.
Immutable.js
Immutable.js
深入探究Immutable.js的实现机制(一) - 掘金
深入探究immutable.js的实现机制(二) - 掘金

just

angus-c/just: A library of tiny, dependency-free JavaScript functions that do just do one thing.
just-clone

KaTeX

KaTeX/KaTeX: Fast math typesetting for the web.
KaTeX – The fastest math typesetting library for the web

lodash

lodash core

lodash/lodash: A modern JavaScript utility library delivering modularity, performance, & extras.
lodash/lodash.com: The Lodash website.
lodash/lodash-doc-globals: Globals referenced by Lodash documentation examples.
Lodash Archive
lodash/lodash at 4.17.11-es
lodash/fp at 4.17.15-npm · lodash/lodash
FP Guide · lodash/lodash Wiki
lodash - npm
lodash-es - npm
Lodash
Lodash Documentation
Lodash custom builds
lodash 中文网
Lodash 中文文档 | Lodash 中文网
Lodash 中文文档 | Lodash 中文网
Lodash 中文文档(v4.17.10)
Lodash per method packages
Lodash Documentation

lodash libs、plugins&tools

lodash-fp

lodash-archive/lodash-fp: Lodash with more functional fun.
jfmengels/lodash-fp-docs
lodash/fp at 4.17.11-npm · lodash/lodash
jfmengels/eslint-plugin-lodash-fp: ESLint rules for lodash/fp
lodash/fp at npm · lodash/lodash

lodash-cli

lodash-archive/lodash-cli: The Lodash command-line interface.
lodash-cli - npm
Lodash custom builds

n_

borisdiakur/n_: Node.js REPL with lodash

wix/eslint-plugin-lodash: ESLint rules for lodash
marklagendijk/lodash-deep: Lodash mixins for (deep) object accessing / manipulation.
typicode/lodash-id: Makes it easy to manipulate id-based resources with lodash or lowdb
lodash-amd - npm
keywords:lodash-modularized - npm search

lodash 资源、整理集&FAQ

lodash 资源

lodash 整理集

lodash FAQ

[译]如何在 Vue.js 中使用第三方库 · Issue #51 · dwqs/blog
node.js - Unable to import lodash - Stack Overflow
使用lodash深度对比出2个对象之间的差异 - 简书
lodash在webpack中的各项优化的尝试 - 知乎
lodash源码学习partial,partialRight - 天下大雨 - 博客园

lazy.js

dtao/lazy.js: Like Underscore, but lazier
Lazy.js - v0.5.1

mathjax

mathjax/MathJax: Beautiful math in all browsers
MathJax | Beautiful math in all browsers.

mout

mout/mout: Modular JavaScript Utilities
mout : Modular JavaScript Utilities

ramda

ramda/ramda: Practical functional Javascript
raine/ramda-cli: A CLI tool for processing data with functional pipelines
typed-typings/npm-ramda: TypeScript's type definitions for Ramda
ramda/ramda-fantasy: Fantasy-Land compatible types for easy integration with Ramda.js
selfrefactor/rambda: Faster and smaller alternative to Ramda
char0n/ramda-adjunct: Ramda Adjunct is the most popular and most comprehensive set of functional utilities for use with Ramda, providing a variety of useful, well tested functions with excellent documentation.
Package - ramda
Ramda Documentation
Ramda Documentation
Ramda 函数库参考教程 - 阮一峰的网络日志
Ramda 函数库参考教程 - CSDN博客
Ramda 函数库参考教程 - SegmentFault 思否
推荐一下Ramda.js - CNode技术社区
Ramda 常用函数(快速上手)_慕课手记

RxJS

RxJS core

ReactiveX/rxjs: A reactive programming library for JavaScript
ReactiveX/IxJS: The Interactive Extensions for JavaScript
RxJS-CN/RxJS-Ultimate-CN: RxJS Ultimate 中文版
RxJS-CN/RxJS-Docs-CN: RxJS 5 中文文档
RxJS-CN/learn-rxjs-operators: Learn RxJS 中文版 (通过清晰的示例来学习 RxJS 5 操作符)
Reactive Extensions
Reactive-Extensions/RxJSKoans: RxJS Koans
Reactive-Extensions/RxJS-DOM: HTML DOM Bindings for the Reactive Extensions for JavaScript
Reactive-Extensions/RxJS: The Reactive Extensions for JavaScript
btroncone/learn-rxjs: Clear examples, explanations, and resources for RxJS 5/6+
RxJS
RxJS 中文文档
ReactiveX
前言 · RxJS 5 基本原理
前言 · 学习 RxJS 操作符
RxJS - BLACK LIVES MATTER
RxJS - webSocket

RxJS libs、plugins&tools

rxviz

moroshko/rxviz: Rx Visualizer - Animated playground for Rx Observables

benlesh/rxjs-for-await: A library for making RxJS support async-await for-await loops via AsyncIterables

RxJS 资源、整理集&FAQ

RxJS 资源

RxJS-CN/rxjs-articles-translation: RxJS 优质文章翻译
RxJS-CN/awesome-rxjs: Awesome list of RxJS 5
ichpuchtli/awesome-rxjs: A collection of awesome RxJS resources
Cmdv/React-RxJS: React + RxJs + React-Router + Webpack + babel and soon more
Functional Programming in Javascript
Brooooooklyn/learning-rxjs: Learning RxJS step by step

learnrx

ReactiveX/learnrx: A series of interactive exercises for learning Microsoft's Reactive Extensions Library for Javascript.
skyline75489/learnrx-zh-cn: ReactiveX 官方互动式教程中文翻译,原仓库 https://github.com/ReactiveX/learnrx

RxJS 整理集

《RxJS 源码解析》

RxJS 源码解析(一): Observable & Subscription
RxJS 源码解析(二)—— Muticasted Observable
RxJS 源码解析(三)—— Operator I
RxJS 源码解析(四)—— Operator II
RxJS 源码解析(五)—— Operator III
RxJS源码解析(六)——Scheduler

RxJS FAQ

用 Rx.js 写个抛物线动画 - Lambda Academy
聊聊RxJS中的错误重试 - 掘金
RxJS进阶——关于流的理解和应用 - 掘金
RxJS教程
RxJS 快速入门 - 简书
DaoCloud 基于 RxJS 的前端数据层实践 - 知乎
Hello RxJS - 知乎
用 RxJS 连接世界 - 知乎

underscore

underscore core

jashkenas/underscore: JavaScript's utility _ belt
Underscore.js
Underscore.js 中文文档
Underscore.js(1.9.1) 中文文档
Underscore.js(1.8.3) 中文文档
zrysmt/DIY-underscorejs: 动手DIY一个underscorejs库及underscorejs源码分析博客使用的代码
you-dont-need/You-Dont-Need-Lodash-Underscore: List of JavaScript methods which you can use natively + ESLint Plugin
UnderscoreJS精巧而强大工具包 | 粉丝日志
动手DIY一个underscorejs库及underscorejs源码分析1 - CSDN博客
JS高手进阶之路:underscore源码经典(一)_慕课手记
JS高手进阶之路:underscore源码经典(二)_慕课手记

underscore 资源、整理集&FAQ

underscore 资源

underscore-analysis

lessfish/underscore-analysis: underscore-1.8.3.js 源码解读 & 系列文章(完)
Issues · lessfish/underscore-analysis

documentcloud/underscore-contrib: The brass buckles on Underscore's utility belt

underscore 整理集

《underscore 系列》

underscore 系列之如何写自己的 underscore · Issue #56 · mqyqingfeng/Blog
underscore 系列之链式调用 · Issue #57 · mqyqingfeng/Blog
underscore 系列之内部函数 cb 和 optimizeCb · Issue #58 · mqyqingfeng/Blog
underscore 系列之内部函数 restArgs · Issue #60 · mqyqingfeng/Blog
underscore 系列之防冲突与 Utility Functions · Issue #62 · mqyqingfeng/Blog
underscore 系列之实现一个模板引擎(上) · Issue #63 · mqyqingfeng/Blog
underscore 系列之实现一个模板引擎(下) · Issue #70 · mqyqingfeng/Blog
underscore 系列之字符实体与 _.escape · Issue #77 · mqyqingfeng/Blog
underscore 的源码该如何阅读? · Issue #79 · mqyqingfeng/Blog

《underscore 系列》

underscore 系列之如何写自己的 underscore - 掘金
underscore 系列之链式调用 - 掘金
underscore 系列之内部函数 cb 和 optimizeCb - 掘金
underscore 系列之内部函数 restArgs - 掘金
underscore 系列之防冲突与 Utility Functions - 掘金
underscore 系列之实现一个模板引擎(上) - 掘金
underscore 系列之实现一个模板引擎(下) - 掘金
underscore 系列之字符实体与 _.escape - 掘金
underscore 的源码该如何阅读? - 掘金

《打造属于自己的underscore系列》

打造属于自己的underscore系列 ( 一 ) - 掘金
打造属于自己的underscore系列 ( 二 ) - 掘金
打造自己的underscore系列(三) - 掘金
打造属于自己的underscore系列(四) - 掘金

underscore FAQ

跟underscore一起学数组去重 - 掘金
跟underscore一起学如何写函数库 - 掘金

iwillwen/data-book-codes: 基于 JavaScript 开发灵活的数据应用

¥格式化

¥组件、元素、标签

¥format input

insin/inputmask-core: Standalone input mask implementation, independent of any GUI
the-darc/string-mask: A string formatter and validator based on masks.
romulobrasil/PureMask.js: Biblioteca de mascaras em inputs de forms desenvolvido em Javascript puro. Library masks inputs on forms developed in pure JavaScript.
autoNumeric/autoNumeric: autoNumeric is a standalone library that provides live as-you-type formatting for international numbers and currencies.
vanilla-masker/vanilla-masker: VanillaMasker is a pure javascript mask input
uNmAnNeR/imaskjs: vanilla javascript input mask
moip/awesome-mask: The awesome-mask runs with Vue.js and uses the vanilla-masker to make your form awesome with masks.
RobinHerbots/Inputmask: Input Mask plugin
Vanilla Masker – 功能强大的输入过滤插件 - 梦想天空(山边小溪) - 博客园

cleave.js

nosir/cleave.js: Format input text content when you are typing...
Cleave.js - Format input text content when you are typing

htmlparser2

fb55/htmlparser2: forgiving html and xml parser

¥数字

big.js

MikeMcl/big.js: A small, fast JavaScript library for arbitrary-precision decimal arithmetic.
big.js API
MikeMcl/big.js: A small, fast JavaScript library for arbitrary-precision decimal arithmetic.
big.js API

bignumber.js

MikeMcl/bignumber.js: A JavaScript library for arbitrary-precision decimal and non-decimal arithmetic
bignumber.js API

BigInteger.js

peterolson/BigInteger.js: An arbitrary length integer library for Javascript

currencyFormatter.js

osrec/currencyFormatter.js: A super simple currency formatting library
CurrencyFormatter.js by OSREC Financial

decimal.js

MikeMcl/decimal.js: An arbitrary-precision Decimal type for JavaScript
decimal.js API
decimal.js API
MikeMcl/decimal.js: An arbitrary-precision Decimal type for JavaScript

Dinero.js

dinerojs/dinero.js: An immutable JavaScript library to create, calculate and format money.
Dinero.js - Documentation

jsbi

JavaScript 中的表示任意精度的 BigInt - 掘金
GoogleChromeLabs/jsbi: JSBI is a pure-JavaScript implementation of the official ECMAScript BigInt proposal.
BigInt: arbitrary-precision integers in JavaScript  |  Web  |  Google Developers

mathjs

math.js | an extensive math library for JavaScript and Node.js
josdejong/mathjs: An extensive math library for JavaScript and Node.js
mathjs - npm
math.js | an extensive math library for JavaScript and Node.js

number-precision

nefe/number-precision: 🚀1K tiny & fast lib for doing addition, subtraction, multiplication and division operations precisely

Numeral.js

adamwdraper/Numeral-js: A javascript library for formatting and manipulating numbers.
Numeral.js
Numeral.js – 格式化和操作数字的 JavaScript 库 - 梦想天空(山边小溪) - 博客园

itagn (Itagn掌门)
zhaozy93/number2chinese: convert number to chinese speech || 转换阿拉伯数字到汉语写法
zhTo123/getArab.js at master · gzx1996/zhTo123
andyperlitch/jsbn: The jsbn library is a fast, portable implementation of large-number math in pure JavaScript, enabling public-key crypto and other applications on desktop and mobile browsers.
jrainlau/longit.js: A tool to format long number string which is longer than Number.MAX_SAFE_INTEGER and Number.MAX_VALUE.
wangxiaofeid/float.js: 浮点数运算
rumengkai/js-float-accuracy: js精度,js浮点数,js浮点数计算,js计算精度问题解决方案,js保留小数位,
如何解决0.1 +0.2===0.30000000000000004类问题 - 掘金
JavaScript中任意两个数加减的解决方案 - 掘金
你可能需要这样的大屏数字滚动效果 - 掘金
阿拉伯数字跟中文汉字互转js - huangbaokang的博客 - CSDN博客
JavaScript中科学计数法转化为数值字符串形式-WEB前端开发
js阿拉伯数字转中文大写 - 飞翔的天空 - 博客园

¥文件、数据转化

gifify

vvo/gifify: 😻 Convert any video file to an optimized animated GIF.

¥字符串

sprintf.js

alexei/sprintf.js: sprintf.js is a complete open source JavaScript sprintf implementation

string.js

jprichardson/string.js: Extra JavaScript string methods.

stringz

sallar/stringz: :100: Super fast unicode-aware string manipulation Javascript library

underscore.string

esamattis/underscore.string: String manipulation helpers for javascript

voca

panzerdp/voca: The ultimate JavaScript string library
Voca: The JavaScript string library

js格式化文件大小,单位:Bytes、KB、MB、GB - seesun2012的专栏 - CSDN博客

¥日期、时区

¥时区库

spacetime

spencermountain/spacetime: A lightweight javascript timezone library
spencermounta.in/spacetime/

calendarize

lukeed/calendarize: A tiny (196B) utility to generate calendar views.
Demo: calendarize

date-fns

date-fns/date-fns: ⏳ Modern JavaScript date utility library ⌛️
date-fns - modern JavaScript date utility library
date-fns/date-fns: ⏳ Modern JavaScript date utility library ⌛️
Add a brief comparison with Moment.js? · Issue #275 · date-fns/date-fns
TypeScript日期工具: date-fns日期工具的使用方法_前端叶孤城-CSDN博客

dayjs

iamkun/dayjs: ⏰ Day.js 2KB immutable date library alternative to Moment.js with the same modern API
dayjs/README.zh-CN.md at master · iamkun/dayjs
dayjs/Plugin.md at master · iamkun/dayjs
dayjs/API-reference.md at master · iamkun/dayjs
iamkun/dayjs: ⏰ Day.js 2KB immutable date library alternative to Moment.js with the same modern API
打造 10000 Star 的前端开源项目 ⭐ - 掘金
Day.js · 中文文档 - 2kB 大小的 JavaScript 时间日期库

fecha

taylorhakes/fecha: Lightweight Javascript Date formatting and parsing

luxon

moment/luxon: ⏱ A library for working with dates and times in JS
Luxon

Moment

moment-timezone

moment/moment-timezone: Timezone support for moment.js

moment/moment: Parse, validate, manipulate, and display dates in javascript.
Moment.js | Home
Moment.js | Home
Moment.js 中文网
Moment.js | Docs
使用moment.js轻松管理日期和时间 - 书写人生 - CSDN博客

timeago.js

hustcc/timeago.js: :clock8: timeago.js is a tiny(~2.0kb) library used to format date with `*** time ago` statement. eg: '3 hours ago'. No dependency & localization & tiny.
timeago.js: is a tiny(2kb) library used to format date with `*** time ago`. eg: '3 hours ago'. No dependency.

You-Dont-Need-Momentjs

you-dont-need/You-Dont-Need-Momentjs: List of date-fns or native functions which you can use to replace moment.js + ESLint Plugin

农历 & 公历 & 干支

wvv8oo/lunar: 农历与公历相互转换的模块,支持农历之间的加减运算,并提供生肖、干支等,支持1900-2100年。

时间戳_Java_qq_41651465的博客-CSDN博客

¥国际化与本地化

FormatJS

FormatJS
formatjs/formatjs: The monorepo home to all of the FormatJS related libraries, most notably react-intl.
formatjs/intl-messageformat-parser: [MIGRATED] Parses ICU message strings to an AST that can be used to format the messages for a person's locale.
yahoo/intl-messageformat: Format a string with placeholders, including plural and select support to create localized messages.
yahoo/intl-messageformat-parser: Parses ICU message strings to an AST that can be used to format the messages for a person's locale.
yahoo/intl-relativeformat: Formats JavaScript dates to relative time strings (e.g., "3 hours ago").
yahoo/intl-format-cache: Produces instances of JavaScript `Intl` formats, and caches them for reuse.
FormatJS
GitHub — FormatJS

globalize

globalizejs/globalize: A JavaScript library for internationalization and localization that leverages the official Unicode CLDR JSON data
rxaviers/cldrjs: Simple CLDR traverser
Globalize · So What'cha Want
cldr.unicode.org

i18next

i18next

kiwi

alibaba/kiwi: 🐤 Kiwi-国际化全流程解决方案
kiwi/kiwi-intl at master · alibaba/kiwi
kiwi/kiwi-cli at master · alibaba/kiwi
kiwi/kiwi-linter at master · alibaba/kiwi

Lang.js

rmariuzzo/Lang.js: Laravel Translator class in JavaScript!

miao-i18n

goldEli/miao-i18n: 国际化:自动管理工具

yahoo/formatjs-site: Documentation for client/server internationalization in JavaScript.
yahoo/intl-locales-supported: Utility to help you polyfill the Node.js runtime when the Intl APIs are missing, or if the built-in Intl is missing locale data that you need.
andyearnshaw/Intl.js: Compatibility implementation of the ECMAScript Internationalization API (ECMA-402) for JavaScript
eligrey/l10n.js: Passive localization JavaScript library
fwh1990/i18n-chain: High performance i18n with typescript that support React, React-Native, Taro and NodeJs

¥数据库

中国省市县镇乡村数据

Administrative-divisions-of-China

modood/Administrative-divisions-of-China: 中华人民共和国行政区划:省级(省份直辖市自治区)、 地级(城市)、 县级(区县)、 乡级(乡镇街道)、 村级(村委会居委会) ,中国省市区镇村二级三

AreaAndBanks

ALawating-Rex/AreaAndBanks: 中国省市区以及银行和银行支行等数据

administrative-area

ruoge3s/administrative-area: 一个抓取国家行政区划小爬虫

area-data

dwqs/area-data: 中国省市区数据(含港澳台)

china-location

JasonBoy/china-location: 🇨🇳NPM Module for Chinese Administrative Division. 中国行政区划信息-区划代码数据库(GB/T 2260)
中国行政区划信息JS库china-location - 掘金

china_regions

wecatch/china_regions: 最全最新中国省,市,地区json及sql数据

china-area-data

airyland/china-area-data: 中国省市区数据

CN Open Data

CN Open Data

GB2260

cn/GB2260: 中华人民共和国国家标准 GB/T 2260 行政区划代码

data_location

mumuy/data_location: 中华人民共和国行政区划数据【省、市、区县、乡镇街道】中国省市区镇三级四级联动地址数据(GB/T 2260)

province-city-china

uiwjs/province-city-china: 🇨🇳最全最新中国【省、市、区县、乡镇街道】json,csv,sql数据
province-city-china - npm
最全最新🇨🇳中国【省、市、区县、乡镇街道】json,csv,sql数据 - 掘金

rn-china-region-picker

hufeng/rn-china-region-picker: 中国的省市区的多重级联react-native组件
pic.ofcard.com/themes/common/region/China_Region_Last.js

react-china-location

JasonBoy/react-china-location: React Component for china-location

AreaAndBanks/data at master · ALawating-Rex/AreaAndBanks
coderbusy/china-area: 采集整理来自民政部的行政区域信息
zengzhan/qqzeng-ip: 最新IP地址数据库-多语言解析以及导入数据库脚本
eduosi/district: 中国省/自治区/直辖市、市/自治州、区/县/旗数据,包含名称、拼音、拼音首字母、行政代码、区号
mumuy/widget: A set of widgets based on jQuery&&javascript. 一套基于jquery或javascript的插件库 :轮播、标签页、滚动条、下拉框、对话框、搜索提示、城市选择(城市三级联动)、日历等
shfshanyue/china-region: 根据国家标准《中华人民共和国行政区划代码》即 GB2260 标准制定,用以查看各个省地县的行政区划代码,并支持多级联动查询
AreaAndBanks: 中国省市区以及银行和银行支行等数据
中华人民共和国民政部
生成地址json地区树状数据 - CSDN博客
全国各省市区城市编码SQL - CSDN博客
中国省市列表的JSON数据 - CSDN博客
2018 全国所有省份,城市的json文件(全) - CSDN博客
全国省市区数据-json下载 - CSDN博客
解析全国省市区Json数据 - CSDN博客
最完整的全国省市区数据 - CSDN博客
全国省市区数据-json - CSDN博客
2017年全国省市区数据JSON-CSDN下载
全国城市列表对应的JSON数据-CSDN下载
全国各个省、市、区县的的Json数据(打开是各个省的Json数据、mapdata中有各个市、区县全部是分开的需要那个可以自由选择)-CSDN下载
国内省市数据 json - CSDN博客
全国省市区数据-json - CSDN博客
(1 封私信 / 68 条消息) 乡、镇、屯、自然村、组、生产队、自治区等名词有官方的英语翻译吗? - 知乎
超实用!原来地名可以这样翻译 - 知乎
全国省市县三级数据库_Ghost_Running_新浪博客
城市三级联动 - citys
标准数据中国省市区+银行支行数据 | 氤氲抓不住
passer-by.com

¥数据类型

¥Blob

blob-util

nolanlawson/blob-util: Cross-browser utils for working with binary Blobs

Blob.js

eligrey/Blob.js: An HTML5 Blob implementation

canvas-toBlob.js

eligrey/canvas-toBlob.js: A canvas.toBlob() implementation

JavaScript-Canvas-to-Blob

blueimp/JavaScript-Canvas-to-Blob: JavaScript Canvas to Blob is a function to convert canvas elements into Blob objects.
JavaScript Canvas to Blob Test

Blob - Web APIs | MDN
Blob - Web API 接口参考 | MDN
BlobBuilder - Web API 接口参考 | MDN
细说Web API中的Blob - 掘金
js 获取图片url的Blob值并预览 - Tiac - 博客园

¥DOMString

DOMString - Web APIs | MDN

¥File

DataTransfer

DataTransfer - Web API 接口参考 | MDN

FileList

FileList - Web API 接口参考 | MDN

FileReader

FileReader - Web API 接口参考 | MDN
FileReaderSync - Web API 接口参考 | MDN

FileSystem

filer.js

ebidel/filer.js: A wrapper library for the HTML5 Filesystem API what reuses UNIX commands (cp, mv, ls) for its API.

File API: Directories and System
File API: Directories and System
Exploring the FileSystem APIs - HTML5 Rocks
The Synchronous FileSystem API for Workers - HTML5 Rocks

FileAPI

File API
File API
File API: Writer

File - Web API 接口参考 | MDN

¥FormData

henryluki/FormData: FormData support where window.FormData is undefined
FormData - Web APIs | MDN
FormData - Web API 接口 | MDN
FormData 对象的使用 - Web API 接口 | MDN
关于 FormData - 前端 - 掘金
Web 前沿——HTML5 Form Data 对象的使用 - 梦想天空(山边小溪) - 博客园

¥Media

Media queries - CSS: Cascading Style Sheets | MDN
MediaStream Image Capture

HTML Standard
Components.utils.importGlobalProperties - Mozilla | MDN
理解DOMString、Document、FormData、Blob、File、ArrayBuffer数据类型 « 张鑫旭-鑫空间-鑫生活

¥编码解码

编码解码 core

Base64

Base64.js

davidchambers/Base64.js: Polyfill for browsers which don't provide window.btoa and window.atob

js-base64

dankogai/js-base64: Base64 implementation for JavaScript

Base64 encoding and decoding - Web APIs | MDN
Base64的编码与解码 - Web API 接口参考 | MDN
RFC 4648 - The Base16, Base32, and Base64 Data Encodings
Base64 - Wikipedia
浅入深出,原生API实现SVG 转 BASE64 - 掘金
一文读懂base64编码

Crypto

Crypto - Web APIs | MDN
Window.crypto - Web APIs | MDN

TextEncoder&TextDecoder

TextDecoder - Web APIs | MDN
TextEncoder - Web APIs | MDN

Unicode

Unicode - 维基百科,自由的百科全书
Unicode编码转换 - 站长工具
Unicode与中文互转|16进制Unicode编码在线转换|反斜杠u(\u)编码|Java转义字符还原-站长工具
在线unicode转中文,中文转unicode-BeJSON.com
在线Unicode编码转换-Unicode和ASCII在线互转-中文转Unicode工具
汉字转unicode|unicode转汉字
在线Unicode与中文互转-在线中文转Unicode-开发者工具网
在线unicode转中文,中文转unicode - 在线工具
浅谈Unicode编码格式和代码中的应用 - Android - 掘金
关于Unicode和URL encoding入门的一切以及注意事项 - hh54188 - 博客园
彻底弄懂 Unicode 编码
浅谈Unicode编码格式和代码中的应用 | 兰

URI编码解码

encodeURI() - JavaScript | MDN
URI - MDN Web Docs Glossary: Definitions of Web-related terms | MDN
URIScheme - Archive of obsolete content | MDN
Data URLs - HTTP | MDN
关于URL编码 - 阮一峰的网络日志
js对url进行编码和解码(三种方式区别) - 入世桃源人 - 博客园
简单明了区分escape、encodeURI和encodeURIComponent - 哎呦大黄 - 博客园
UrlEncode编码/UrlDecode解码 - 站长工具

window.atob & window.btoa

window.btoa - Web API 接口参考 | MDN
window.atob - Web API 接口参考 | MDN
window.atob()与window.btoa()方法实现编码与解码 - 风雨后见彩虹 - 博客园

字符集编码

字符编码笔记:ASCII,Unicode 和 UTF-8 - 阮一峰的网络日志
关于字符编码你应该知道的事情 - 掘金
查看字符编码(UTF-8)

字符

特殊字符

特殊字符 - 知乎
特殊符号
特殊字符大全
特殊字符_百度百科

字符 - 知乎

编码解码 libs、plugins&tools

encoding

whatwg/encoding: Encoding Standard
wpt/encoding at master · web-platform-tests/wpt
Encoding Standard
Code of Conduct — WHATWG

text-encoding

inexorabletash/text-encoding: Polyfill for the Encoding Living Standard's API

Daniel Sieradski / utfu · GitLab

编码解码 资源、整理集&FAQ

编码解码 资源

在线编码解码_911查询

编码解码 整理集

急速入门前端编码知识

编码解码 FAQ

UTF-8 BOM踩坑记——细说Unicode和UTF-8

$语言、语法&项目

¥develop&debug

#open in editor

lahmatiy/open-in-editor: NPM package to open a file in editor
sindresorhus/open-editor: Open files in your editor at a specific line and column
lahmatiy/express-open-in-editor: Express extension to open file in editor
lahmatiy/component-inspector: Component DOM inspector
restrry/babel-plugin-source-wrapper

#监听文件实现浏览器自动刷新

AriaFallah/WebpackTutorial: A simple webpack tutorial
开发中 Server(devServer) | webpack 中文网
webpack-dev-server 原理探讨 - 掘金
gulp+browser-sync 监听文件实现浏览器自动刷新 - 简书
Browsersync结合gulp和nodemon实现express全栈自动刷新 - 简书
Node.js、npm、gulp及browser-sync那些事 - 简书
前端自动化-浏览器自动实时刷新(gulp)--转自博客园 乐少007 - 简书
Gulp探究折腾之路(I) - 简书
webpack-dev-server使用方法,看完还不会的来找我~ - JSer - SegmentFault 思否
webpack-dev-server模块 - webxiaoma - SegmentFault 思否
webstorm修改文件,webpack-dev-server不会自动编译刷新 - 个人文章 - SegmentFault 思否
webpack-dev-server完整demo - 个人文章 - SegmentFault 思否
webpack-dev-server使用方法,看完还不会的来找我~ - JSer - SegmentFault 思否
Webpack-dev-server的proxy用法 - 前端小码农 - SegmentFault 思否
详解webpack-dev-server的使用 - web前端 - SegmentFault 思否

¥DOM&BOM&CSSOM...

¥DOM 事件机制

DOM事件机制 - 掘金
[译] 究竟什么是DOM? - 掘金
DOM 事件详解 - 掘金
深入理解DOM事件机制 - 掘金
事件委托详解最新版 - 掘金
DOM事件机制解惑 | Aitter's Blog
event.target 和 event.currentTarget 的区别 – T 馆
JavaScript 事件的学与记:stopPropagation 和 stopImmediatePropagation | 林文康的博客
DOM级别与DOM事件 - 简书
JavaScript 事件委托详解 - 知乎
event.target 和 event.currentTarget 的区别 - FEDeveloper - 博客园
事件模型 -- JavaScript 标准参考教程(alpha)

¥HTML utilities

wooorm/a-rel: List of link types for `rel` on `a` and `area`
wooorm/aria-attributes: List of ARIA attributes
wooorm/collapse-white-space: Replace multiple whitespace characters with a single space
wooorm/comma-separated-tokens: Parse and stringify comma-separated tokens
wooorm/html-tag-names: List of known HTML tag names
wooorm/html-dangerous-encodings: List of dangerous HTML character encoding labels
wooorm/html-encodings: List of known HTML character encoding labels
wooorm/html-element-attributes: Map of HTML elements to allowed attributes
wooorm/html-event-attributes: List of HTML event handler content attributes
wooorm/html-void-elements: List of known void HTML elements
wooorm/link-rel: List of link types for `rel` on `link`
wooorm/mathml-tag-names: List of known MathML tag names
wooorm/meta-name: List of values for `name` on `meta`
wooorm/property-information: Information for HTML properties
wooorm/space-separated-tokens: Parse and stringify space-separated tokens
wooorm/svg-tag-names: List of known SVG tag names
wooorm/svg-element-attributes: Map of SVG elements to allowed attributes
wooorm/svg-event-attributes: List of SVG event handler content attributes
wooorm/web-namespaces: Map of web namespaces

¥虚拟 DOM(Virtual DOM)

nerv

NervJS/nerv: A blazing fast React alternative, compatible with IE8 and React 16.
Nerv | 凹凸实验室

snabbdom

snabbdom/snabbdom: A virtual DOM library with focus on simplicity, modularity, powerful features and performance.
note/2018-08-16__snabbdom阅读.md at master · steinslin/note
snabbdom 源码阅读分析 - 掘金

justemit/vdom: A simple basic implement of virtual-dom algorithm
如何实现 virtual-dom · Issue #23 · justemit/coding-note
深度剖析:如何实现一个 Virtual DOM 算法 · Issue #13 · livoras/blog
fengshi123/virtual-dom-example: 虚拟 DOM 实现实例
虚拟DOM和Diff算法 - 入门级 - 掘金
面试官问: 如何理解Virtual DOM? - 掘金
虚拟dom的原理与diff算法
(13 封私信 / 80 条消息) 网上都说操作真实 DOM 慢,但测试结果却比 React 更快,为什么? - 知乎

cheerio

cheeriojs/cheerio: Fast, flexible, and lean implementation of core jQuery designed specifically for the server.
cheerio | Fast, flexible, and lean implementation of core jQuery designed specifically for the server.

classnames

JedWatson/classnames: A simple javascript utility for conditionally joining classNames together

dom-testing-library-with-anything

kentcdodds/dom-testing-library-with-anything: you can use dom-testing-library with anything that renders to the DOM

HTML.js

nbubna/HTML: A simple, extensible way to work directly with the DOM.
HTML(.js) - Befriend the DOM!

htmx

bigskysoftware/htmx: </> htmx - high power tools for HTML
</> htmx - high power tools for html

hotkey

github/hotkey: Global DOM element activation

incremental-dom

superviews.js

davidjamesstone/superviews.js: Template engine targeting incremental-dom

incremental-dom简析 | ¥ЯႭ1I0
incremental-dom | An in-place DOM diffing library

voyeur.js

adriancooney/voyeur.js: Voyeur is a tiny (1.2kb) Javascript library that lets you traverse and manipulate the DOM the way it should have been.
Voyeur.js

¥throttle&debounce

jquery-throttle-debounce

cowboy/jquery-throttle-debounce: jQuery throttle / debounce: Sometimes, less is more!
Ben Alman » jQuery throttle / debounce: Sometimes, less is more!
Izdatyi/jquery-throttle-debounce: jQuery throttle / debounce: Sometimes, less is more!
jquery-throttle-debounce - npm

jquery-smartresize

louisremi/jquery-smartresize: Debounced and Throttled Resize Events for jQuery
smartresize demonstration

promise-throttle

JMPerez/promise-throttle: A small library to throttle promises. Useful to avoid rate limiting when using REST APIs.
promise-throttle (master) — A library to throttle promises — doxdox.org powered documentation

raf-schd

alexreardon/raf-schd: A throttle function that uses requestAnimationFrame to rate limit

rx-queue

huan/rx-queue: Easy to Use RxJS Queue for Throttle/Debounce/Delay/DelayExecute
rx-queue - npm

swimmer

tannerlinsley/swimmer: 🏊 Swimmer - An async task pooling and throttling utility for JS
Swimmer - CodeSandbox

superagent-throttle

leviwheatcroft/superagent-throttle: A plugin for superagent that throttles requests.

throttle-debounce

niksy/throttle-debounce: Throttle and debounce functions.
throttle-debounce - npm
DefinitelyTyped/types/throttle-debounce at master · DefinitelyTyped/DefinitelyTyped
@types/throttle-debounce - npm
singcl/throttle-debounce: 🌰 throttle and debounce.
@singcl/throttle-debounce - npm
kuoruan/throttle-debounce: Typescript version of throttle and debounce function (0.6kb minimized)
@kuoruan/throttle-debounce - npm
throttle-debounce - 简书

函数节流和函数防抖

JS函数节流和函数防抖 - 掘金
一图秒懂函数防抖和函数节流 - 掘金
JavaScript专题系列-防抖和节流 - 掘金
JS专题之去抖函数 - 掘金
UnderScore源码看防抖和节流 - 掘金
节流防抖及其应用(搜索框和连续滚动优化) - 掘金
函数防抖与函数节流

component/debounce: Debounce functions. Useful for implementing behavior that should only happen after a repeated action has completed.
m-gagne/limit.js: JavaScript event/call debounce & limit helper
bjoerge/debounce-promise: Create a debounced version of a promise returning function
dcorb/debounce-throttle: Debounce & Throtte JavaScript demo
sindresorhus/p-debounce: Debounce promise-returning & async functions
sindresorhus/debounce-fn: Debounce a function
porada/resizeend: Debounced JavaScript resize events
ForbesLindesay/throat: Throttle a collection of promise returning functions
zeit/async-throttle: Throttling made simple, easy, async.
addyosmani/network-emulation-conditions: Network emulation / throttling conditions (2G, 3G, 4G, Wifi etc) ☎️
sindresorhus/p-throttle: Throttle promise-returning & async functions
mistakster/throttle-proxy: Throttle HTTP/HTTPS/SOCKS proxy server
component/throttle: Throttle function calls
wuct/raf-throttle: Throttle a function by requestAnimationFrame
sitespeedio/throttle: Throttle your network connection [Linux/Mac OS X]
joshbuddy/tcplock: Throttle TCP connections to anything!
terkelg/workshy: A small (376B) lazy function scheduler for a butter smooth main thread
proxy-throttle-debounce - npm
util_debounce_throttle - npm
react-native-debounce-input - npm
js-throttle-debounce - npm
@seedalpha/throttle - npm
debounce & throttle demo

¥other 语言、语法&项目

you-dont-need

you-dont-need/You-Dont-Need: People choose popular projects, often not because it applies to their problems
you-dont-need/You-Dont-Need-JavaScript: CSS is powerful, you can do a lot of things without JS.
you-dont-need/You-Dont-Need-Momentjs: List of date-fns or native functions which you can use to replace moment.js + ESLint Plugin
you-dont-need/You-Dont-Need-GUI: Stop relying on GUI; CLI **ROCKS**

You-Dont-Know

You-Dont-Know-JS

getify/You-Dont-Know-JS: A book series on JavaScript. @YDKJS on twitter.
muzqi/you-dont-know-js: 你不知道的 javascript 读书笔记
细读《你不知道的JavaScript·上卷》1-1 作用域是什么? - 掘金
细读《你不知道的JavaScript·上卷》1-2 词法作用域 - 掘金
全方位彻底读懂<你不知道的JavaScript(上)>--一篇六万多字的读书笔记 - 掘金
精读《你不知道的javascript》中卷 - 掘金
《你不知道的 JavaScript》全卷读书笔记 - 掘金
You-Dont-Know-JS 疑难汇总 - 掘金

You-Dont-Know-Lodash-Underscore

stevemao/You-Dont-Know-Lodash-Underscore: In response to You-Dont-Need-Lodash-Underscore

omidh28/clarifyjs: Create and Execute Chained Javascript Methods In Any Order You want

¥算法&程序

¥函数式编程

fn.js

CrowdHailer/fn.js: A JavaScript library built to encourage a functional programming style & strategy. - http://eliperelman.com/fn.js

¥断言库

power-assert

power-assert-js
power-assert-js/power-assert: Power Assert in JavaScript. Provides descriptive assertion messages through standard assert interface. No API is the best API.

¥原生对象&数组

collect.js

ecrmnn/collect.js: 💎 Convenient and dependency free wrapper for working with arrays and objects
collect.js - npm

Collections

Collections - Laravel - The PHP Framework For Web Artisans

Sugar

andrewplummer/Sugar: A Javascript library for working with native objects.
Sugar - A Javascript utility library for working with native objects.
Sugar - Home

¥编辑&语法高亮

¥HighLight

#Syntax highlighting

highlight.js

highlightjs/highlight.js: Javascript syntax highlighter
highlight.js - npm
highlight.js
highlight.js developer documentation — highlight.js 9.12.0 documentation
CSS classes reference — highlight.js 9.12.0 documentation
highlight.js/AUTHORS.en.txt at master · highlightjs/highlight.js

lowlight

wooorm/lowlight: Virtual syntax highlighting for virtual DOMs and non-HTML things

PrismJS

Plugins

Download ▲ Prism
Extending Prism ▲ Prism
Line highlight ▲ Prism plugins
Line Numbers ▲ Prism plugins
Show Invisibles ▲ Prism plugins
Autolinker ▲ Prism plugins
WebPlatform Docs ▲ Prism plugins
Custom Class ▲ Prism plugins
File Highlight ▲ Prism plugins
Show Language ▲ Prism plugins
JSONP Highlight ▲ Prism plugins
Highlight Keywords ▲ Prism plugins
Remove initial line feed ▲ Prism plugins
Previewers ▲ Prism plugins
Autoloader ▲ Prism plugins
Keep markup ▲ Prism plugins
Command Line ▲ Prism plugins
Unescaped markup ▲ Prism plugins
Normalize Whitespace ▲ Prism plugins
Data-URI Highlight ▲ Prism plugins
Toolbar ▲ Prism plugins
Copy to Clipboard ▲ Prism plugins

PrismJS/prism: Lightweight, robust, elegant syntax highlighting.
Prism.js
SamyPesse/draft-js-prism: Code highlighting for DraftJS using Prism
addyosmani/prism-js: A Polymer element for syntax highlighting with Prism.js
ele828/hexo-prism-plugin: Hexo plugin for code highlighting by prism.js, supporting JSX syntax
egoist/vue-prism-component: highlight code using prism.js and vue component
JaxsonWang/Prism.js-Style
withspectrum/draft-js-prism-plugin: Add syntax highlighting support to your DraftJS editor
Prism

refractor

wooorm/refractor: Lightweight, robust, elegant virtual syntax highlighting using Prism

wooorm/emphasize: ANSI syntax highlighting for the terminal
rehypejs/rehype-highlight: plugin to highlight code blocks
remarkjs/remark-highlight.js: plugin to highlight code blocks with highlight.js (via lowlight)
ai/jstransformer-lowlight: Lowlight support for JSTransformers

高亮:单关键词、多关键词、多组多关键词,从简单到复杂实现满足多方面需求的页面关键词高亮 - 掘金

¥协作编辑

ShareJS

josephg/ShareJS: Collaborative editing in any app

¥配置语言

¥ArchieML,AML

newsdev/archieml-js: JavaScript parser for the Archie Markup Language (ArchieML)
Archie Markup Language (ArchieML)

¥JSON

JSON core

json3

bestiejs/json3: A JSON polyfill. Looking for new maintainers.
JSON 3

JSON5

json5/json5: JSON5 — JSON for humans
JSON5 | JSON for Humans
The JSON5 Data Interchange Format
json5 - npm
json5 · PyPI
dpranke/pyjson5: A Python implementation of the JSON5 data format
json5-JavaScript中文网-JavaScript教程资源分享门户
json5-loader · webpack 中文文档(2.2)
json5-loader
什么是JSON5以及JSON5的解析 - 一个开发者的独白 - SegmentFault 思否

JSON Schema

JSON Schema
json-schema-org/json-schema-spec: The JSON Schema I-D sources
JSON Schema | The home of JSON Schema
JSON Schema | The home of JSON Schema
Specification | JSON Schema
draft-handrews-json-schema-02 - JSON Schema: A Media Type for Describing JSON Documents
draft-handrews-json-schema-validation-02 - JSON Schema Validation: A Vocabulary for Structural Validation of JSON
draft-handrews-json-schema-hyperschema-02 - JSON Hyper-Schema: A Vocabulary for Hypermedia Annotation of JSON
draft-handrews-relative-json-pointer-02 - Relative JSON Pointers

douglascrockford/JSON-js: JSON in JavaScript
JSON.stringify() - JavaScript | MDN
JSON
JSON
JSON
JSON
JavaScript中的JSON - JSON中国 | JSON中文网
Understanding JSON Schema — Understanding JSON Schema 1.0 documentation

JSON libs、plugins&tools

combine-json

userpixel/combine-json: Combines a group of json files and folders into an object
combine-json - npm
JSDoc: Home

deep-parse-json

https://github.com/sibu-github/deep-parse-json

geojson&topojson

mbloch/mapshaper: Tools for editing Shapefile, GeoJSON, TopoJSON and CSV files
Home · topojson/topojson Wiki
geojson.io
mapshaper
GeoJSON

hjson

Hjson
Hjson, a user interface for JSON

JsonML

JsonML (JSON Markup Language)

JSONFormData

roman01la/JSONFormData: HTML JSON form submission polyfill

JSON-deepstringify

leodutra/JSON-deepstringify: Stringifies an object's inherited properties.

json-fmt

MaxArt2501/json-fmt: Minify and prettify your JSONs

js-stringify

pugjs/js-stringify: Stringify an object so it can be safely inlined in JavaScript code

JSON Generator

www.cnblogs.com/lhb25/p/tool-for-generating-random-json-data.html

schema-utils

webpack/schema-utils: Options Validation

antonmedv/fx: Command-line JSON processing tool 🔥
JSONView - View JSON in Firefox and Chrome | BenHollis.net

JSON 资源、整理集&FAQ

JSON 资源

在线JSON校验格式化工具(Be JSON)
JSON在线工具 - 在线JSON校验格式化工具(K JSON) - json在线解析|json|在线校验
JSON在线格式化校验工具-奇妙工具箱-qjson.cn
Json在线解析
懒人工具-json在线解析-在线JSON格式化工具-json校验-程序员必备
JSON在线 | JSON解析格式化—SO JSON在线工具
Json在线解析格式化-Json在线解析校验Json格式化压缩-Json解析
JSON在线解析及格式化验证 - JSON.cn
格式校验利器:JSON Schema 简介 | Ocavue's Blog
JSON 转 markdown 表格
基于jsoneditor二次封装一个可实时预览的json编辑器组件(react版)

JSON 整理集

JSON FAQ

JSON.stringify()&JSON.parse()

你不知道的 JSON.stringify() 的威力
【漫游Github】如何提升JSON.stringify()的性能? - 掘金
解决IE6、7、8使用JSON.stringify报JSON未定义错误的问题 - CSDN博客
javascript - JSON.parse(JSON.stringify(data)) - SegmentFault 思否
JS中JSON对象和String之间的互转及处理技巧_javascript技巧_脚本之家
js 将json字符串转换为json对象的方法解析_javascript技巧_脚本之家
JSON.stringify 语法实例讲解_json_脚本之家
javascript转换字符串为json对象的方法的相关文章推荐 - 非技术 - ITeye专栏频道
【js】JSON.stringify 语法实例讲解 - NW_KNIFE - 博客园
前端页面使用 Json对象与Json字符串之间的互相转换 - 码农弟 - 博客园
前端js如何生成一个对象,并转化为json字符串 - 叶丶梓轩 - 博客园
javascript json字符串与对象相互转换 - haxnt - 博客园
javascript中json对象json数组json字符串互转及取值 - 棒棒博客 - 博客园
将字符串转化成json对象 - hy_85的日志 - 网易博客

JSON比较

Akimotorakiyu/jsonComparer: 比较两个json表示的对象是否一致

toJSON()

What is the `toJSON()` Function in JavaScript? | www.thecodebarbarian.com

判断字符串是否为JSON格式

js判断字符串是否为JSON格式 - 前进者 - CSDN博客
javascript - js如何判断一个字符串是否为json格式 - SegmentFault 思否
【最简单的方法】js判断字符串是否为JSON格式(20180115更新) - 雷明nice - 博客园

is-json

joaquimserafim/is-json: check if a string is a valid JSON string in JavaScript without using Try/Catch

如何识别一个字符串是否Json格式 - 路过秋天 - 博客园
cyqdata/JsonSplit.cs at master · cyq1162/cyqdata
判断一个字符串是否是合法的JSON字符串 - u014133299的博客 - CSDN博客
【最简单的方法】js判断字符串是否为JSON格式(20180115更新) - 雷明nice - 博客园

用JS解析JSON - 掘金
JavaScript实现JSON解析器 - 掘金
ES6中Json、String、Map、Object之间的转换 - CSDN博客
js中,清空对象(删除对象的属性) - CSDN博客
js 判断一个json里是不是包含某个key - CSDN博客
在IE兼容模式下 提示JSON未定义 - CSDN博客
json字符串中,包含函数的处理 - CSDN博客
js对象浅拷贝和深拷贝详解_javascript技巧_脚本之家
Js中获取对象的所有key值 - TiestoRay - 博客园
javascript一种新的对象创建方式-Object.create() - yupeng - 博客园
jquery 对 Json 的各种遍历-前端开发博客

¥XML

XML core

Extensible Markup Language (XML) 1.0 (Fifth Edition)
Namespaces in XML 1.0 (Third Edition)

XML libs、plugins&FAQ

fast-xml-parser

Fast XMl Parser
NaturalIntelligence/fast-xml-parser: Validate XML, Parse XML to JS/JSON and vise versa, or parse XML to Nimn rapidly without C/C++ based libraries and no callback

XML 资源、整理集&FAQ

¥YAML

YAML core

The YAML Project
yaml/www.yaml.org: The yaml.org website
The Official YAML Web Site

YAML libs、plugins&tools

js-yaml

nodeca/js-yaml: JavaScript YAML parser and dumper. Very fast.
tj/js-yaml: CommonJS YAML Parser -- fast, elegant and tiny yaml parser for javascript

fmvilas/pseudo-yaml-ast: Fork of pseudo-yaml-ast. Parse a YAML string into an object with location properties
solderjs/json2yaml: A command-line utility to convert a JSON file (.json) to YAML (.yml)
connec/yaml-js: A port of PyYAML to CommonJS
dworthen/js-yaml-front-matter: Parses yaml or json from the beginning of a string or file
jeffsu/json2yaml: Javascript JSON to YAML converter
mulesoft-labs/yaml-ast-parser: This is a fork of JS-YAML which supports parsing of YAML into AST

YAML 资源、整理集&FAQ

YAML: probably not so great after all

HOCON

config/HOCON.md at master · lightbend/config

toml

toml-lang/toml: Tom's Obvious, Minimal Language

JS解析格式化Json插件,Json和XML互相转换插件-JS/JQuery-Json在线解析C#.Net社区

¥开发libs、plugins&tools

eustia

liriliri/eustia: Tool for generating utility libraries
Eustia: A Tool for Generating JavaScript Utility Libraries:)

baukh789/jTool: javascript轻量类库
halldwang/your-js-lib: 快速开发一个轮子
在NPM发布自己造的轮子 - 掘金
Koa的洋葱中间件,Redux的中间件,Axios的拦截器让你迷惑吗?实现一个精简版的就彻底搞懂了。 - 掘金
谈谈如何设计一个插件(Plugin)体系 - 掘金
《前端那些事》从0到1开发工具库 - 掘金
jQuery插件的几种写法 - CSDN博客
高级Js-Tab切换组件_失心疯的博客-CSDN博客
如何定义一个高逼格的原生JS插件 - 简书
如何开发原生的 JavaScript 插件(知识点+写法) - Cboyce - 博客园
Redux/react-redux/redux中间件设计实现剖析
如何创建与框架无关的JavaScript插件

¥下一代JS语法编译器

Babel

Babel core

#Babel 7

Guides

What is Babel? · Babel

General

Editors · Babel

Usage

Options · Babel

Presets

@babel/preset-env · Babel

Tooling

@babel/parser · Babel

Babel · The compiler for next generation JavaScript
Blog · Babel

#Babel older

Babel · The compiler for writing next generation JavaScript
Babel 中文网 · Babel - 下一代 JavaScript 语法的编译器
@babel/cli · Babel
@babel/types · Babel
Babel · The compiler for next generation JavaScript
Babel · The compiler for next generation JavaScript
babel-types · Babel 中文文档 - 印记中文
Configure Babel · Babel
Config Files · Babel
Editors · Babel
Upgrade to Babel 7 · Babel
Babel · The compiler for writing next generation JavaScript
Babel (5.x) · The compiler for writing next generation JavaScript

babylon

babel/babylon: PSA: moved into babel/babel as @babel/parser -->
babel/packages/babel-parser at master · babel/babel

babelify

babel/babelify: Browserify transform for Babel

babel-handbook

jamiebuilds/babel-handbook: A guided handbook on how to use Babel and how to create plugins for Babel.
babel-handbook/plugin-handbook.md at master · jamiebuilds/babel-handbook

Babel
babel/babel: Babel is a compiler for writing next generation JavaScript.
babel/website: The Babel documentation website
babel/awesome-babel: 😎A list of awesome Babel plugins, presets, etc.
Topic: babel
Migrating from JavaScript · TypeScript

Babel libs、plugins&tools

#Babel Macros

babel-plugin-macros

kentcdodds/babel-plugin-macros: 🎣 Allows you to build simple compile-time libraries
babel-plugin-macros - npm

babel-plugin-transform-vue-jsx

vuejs/babel-plugin-transform-vue-jsx: babel plugin for vue 2.0 jsx

idx.macro

idx.macro - npm

jgierer12/awesome-babel-macros: A collection of awesome babel macros and related resources
mattphillips/babel-plugin-console: Babel Plugin that adds useful build time console functions 🎮
styled-jsx - npm
Zero-config code transformation with babel-plugin-macros · Babel
styled-components: Tooling
emotion
Kent C. Dodds (@kentcdodds) | Twitter

#General Plugins

#A-G

babel-plugin-add-module-exports

59naga/babel-plugin-add-module-exports: 【v0.2 no longer maintained】 Fix babel/babel#2212 - Follow the babel@5 behavior for babel@6
babel-plugin-add-module-exports - npm

babel-plugin-component

ElementUI/babel-plugin-component: Modular element-ui build plugin for babel.
babel-plugin-component - npm
vue+element-ui使用babel-plugin-component按需加载组件及自定义主题对应的scss样式-云栖社区-阿里云
不使用 babel-plugin-component 实现按需引用element-ui - 掘金
怎么动态使用babel-plugin-component这个插件 · Issue #36 · ElementUI/babel-plugin-component
组件 | Element
vue+element-ui使用babel-plugin-component按需加载组件及自定义主题对应的scss样式 - 掘金

babel-plugin-console

mattphillips/babel-plugin-console: Babel Plugin that adds useful build time console functions 🎮

babel-plugin-console-source

peteringram0/babel-plugin-console-source: Add the file name and line numbers to all console logs.

babel-plugin-console-transform

lingxiaoguang/babel-plugin-console-transform: 🌈一个生产环境删除console,开发环境扩展console支持打印颜色和代码位置的babel插件

babel-plugin-css-in-js

martinandert/babel-plugin-css-in-js: A plugin for Babel v6 which transforms inline styles defined in JavaScript modules into class names so they become available to, e.g. the `className` prop of React elements. While transforming, the plugin processes all

babel-plugin-dynamic-import-node

airbnb/babel-plugin-dynamic-import-node: Babel plugin to transpile import() to a deferred require(), for node

babel-plugin-external-helpers

babel-plugin-external-helpers - npm

babel-plugin-feature-flags

ember-cli/babel-plugin-feature-flags: A babel transform for managing feature flags

babel-plugin-function-try-catch

allan2coder/babel-plugin-function-try-catch: A babel plugin that can automatically add try/catch to functions.(一个能为函数自动添加 try/catch 的 babel 插件)
【编译篇】AST实现函数错误的自动上报

babel-plugin-groundskeeper-willie

betaorbust/babel-plugin-groundskeeper-willie: The spiritual successor to groundskeeper. Removes console calls, debuggers, and and pragma-wrapped code.

babel-plugin-graphql-tag

gajus/babel-plugin-graphql-tag: Compiles GraphQL tagged template strings using graphql-tag.

fast-async

MatAtBread/fast-async

mcuking/babel-plugin-console-enhanced: Babel plugin that helps enhance the content of console expression

#H-N

idx

facebookincubator/idx: Library for accessing arbitrarily nested, possibly nullable properties on a JavaScript object.
babel-plugin-idx - npm

babel-plugin-import

ant-design/babel-plugin-import: Modularly import plugin for babel.

babel-jest

babel/babel-jest: Jest plugin for Babel
jest/packages/babel-jest at master · facebook/jest

babel-plugin-mobx-deep-action

mobxjs/babel-plugin-mobx-deep-action: Reduces `action` and `runInAction` boilerplates

infernojs/babel-plugin-inferno: Transforms JSX to InfernoJS vNodes
wooorm/babel-plugin-inline-constants: Babel plugin to inline constants

babel-plugin-localize

amerani/babel-plugin-localize: codemod to localize static strings
Introduction · ttag javascript es6 localization tool

babel-plugin-lodash

lodash/babel-plugin-lodash: Modular Lodash builds without the hassle.

babel-plugin-module-resolver

tleunen/babel-plugin-module-resolver: Custom module resolver plugin for Babel

babel-plugin-hash-resolve

miketamis/babel-plugin-hash-resolve: Lets you use #Paths instead of '../../../lib/helper.js' it becomes just '#/lib/helper.js'

#O-T

@babel/plugin-syntax-dynamic-import

@babel/plugin-syntax-dynamic-import · Babel
@babel/plugin-syntax-dynamic-import · Babel 中文网
babel-plugin-syntax-dynamic-import - npm

@babel/plugin-transform-async-to-generator

@babel/plugin-transform-async-to-generator · Babel

@babel/plugin-transform-runtime

babel-plugin-transform-runtime - npm
@babel/plugin-transform-runtime · Babel

@babel/plugin-transform-react-jsx

@babel/plugin-transform-react-jsx · Babel

@babel/plugin-transform-regenerator

babel/packages/babel-plugin-transform-regenerator at master · babel/babel

babel-polyfill

@babel/polyfill · Babel
@babel/polyfill 与 @babel/plugin-transform-runtime 详解 · Issue #4 · SunshowerC/blog
babel-polyfill与babel-plugin-transform-runtime - 皖林的博客 - CSDN博客
babel-plugin-transform-runtime 和 babel-runtime 的区别? - 穗乃果的回答 - SegmentFault 思否
javascript - 使用 babel-polyfill 为什么要使用 babel-plugin-transform-runtime - SegmentFault 思否
babel-runtime和babel-polyfill的作用介绍和使用 - 简书
对babel-transform-runtime,babel-polyfill的一些理解 - 简书
babel-preset-es2015,babel-polyfill 与 babel-plugin-transform-runtime - mr_lao - 博客园
babel-runtime 和 babel-polyfill - 小_牛仔 - 博客园
webpack+babel+transform-runtime, IE下提示Promise未定义?Script - 阿里云

babel-plugin-react-error-catcher

loggur-legacy/babel-plugin-react-error-catcher: Automatically adds a decorator to React components. Accepts a single argument, a path to some module for error reporting, and if there's an error, it will catch it and pass it to the reporter.

babel-plugin-react-persist

DAB0mB/babel-plugin-react-persist: Automatically useCallback() & useMemo(); memoize inline functions

babel-plugin-react-docgen

storybooks/babel-plugin-react-docgen: Babel plugin to add react-docgen info into your code.

babel-plugin-react-html-attrs

insin/babel-plugin-react-html-attrs: Babel plugin which transforms selected HTML attributes in JSX to their React equivalents

babel-plugin-styled-components

styled-components/babel-plugin-styled-components: Improve the debugging experience and add server-side rendering support to styled-components

babel-plugin-transform-decorators

babel-plugin-transform-decorators · Babel
babel-plugin-transform-decorators - npm
babel-plugin-transform-decorators · Babel 中文网

babel-plugin-transform-decorators-legacy

loganfsmyth/babel-plugin-transform-decorators-legacy: A plugin for Babel 6 that (mostly) replicates the old decorator behavior from Babel 5
babel-plugin-transform-decorators-legacy - npm

babel-plugin-transform-builtin-extend

loganfsmyth/babel-plugin-transform-builtin-extend: A plugin for Babel 6 supports extending from builtin types based on static analysis.

babel-plugin-transform-remove-imports

uiw-react/babel-plugin-transform-remove-imports: Remove the specified import declaration when you use the babel transform to build the package.

babel-plugin-transform-jsbi-to-bigint

GoogleChromeLabs/babel-plugin-transform-jsbi-to-bigint: Compile JSBI code that works in today’s environments to native BigInt code.

babel-plugin-transform-remove-console

Riokai/babel-plugin-transform-remove-console: Add extra options

babel-plugin-transform-react-createelement-to-jsx

flying-sheep/babel-plugin-transform-react-createelement-to-jsx: Transforms React.createElement calls to JSX syntax

babel-plugin-transform-react-jsx-img-import

gvelo/babel-plugin-transform-react-jsx-img-import: Generate imports for jsx img elements. A handy transform for use in webpack workflows.

babel-plugin-transform-react-jsx-location

adrianton3/babel-plugin-transform-react-jsx-location: Adds a data-source attribute to JSX tags containing the file name and line number of the original source

babel-plugin-transform-es2015-modules-commonjs

Package - babel-plugin-transform-es2015-modules-commonjs

babel-plugin-transform-es2015-modules-umd

babel-plugin-transform-es2015-modules-umd · Babel
babel-plugin-transform-es2015-modules-umd - npm

babel-plugin-transform-es2015-modules-amd

babel-plugin-transform-es2015-modules-amd · Babel
Package - babel-plugin-transform-es2015-modules-amd
finom/babel-plugin-transform-es2015-modules-simple-amd: Limited transformer for ECMAScript 2015 modules (AMD)

babel-plugin-transform-class-properties

babel-plugin-transform-class-properties - npm
babel-plugin-transform-class-properties · Babel 中文网

babel-plugin-transform-async-to-module-method

babel-plugin-transform-async-to-module-method · Babel

babel-plugin-ramda

megawac/babel-plugin-ramda: Easy modular builds

babel-plugin-root-import

entwicklerstube/babel-plugin-root-import: Add the opportunity to import modules by the root path
babel-plugin-root-import - npm

babel-plugin-separate-import

@nutui/babel-plugin-separate-import - npm

#U-Z

babel-plugin-version

hustcc/babel-plugin-version: babel plugin replace define identifier `__VERSION__` to pkg.version!

wooorm/babel-plugin-undebug: Babel plugin to remove `debug` from code
unassert-js/babel-plugin-unassert: Babel plugin to encourage reliable programming by writing assertions in production code, and compiling them away from release.

babel-plugin-webpack-alias

trayio/babel-plugin-webpack-alias: babel 6 plugin which allows to use webpack resolve options

#Presets

@babel/preset-env

babel/babel-preset-env: PSA: this repo has been moved into babel/babel -->
babel/packages/babel-preset-env at master · babel/babel
@babel/preset-env · Babel
[译]Babel文档之@babel/preset-env - 掘金

@babel/preset-typescript

@babel/preset-typescript · Babel

babel-preset-react

babel-preset-react - npm

babel-react-optimize

jamiebuilds/babel-react-optimize: A Babel preset and plugins for optimizing React code.

babel-preset-vue-app

vuejs/babel-preset-vue-app: Babel preset for Vue app.

#proposal(提案)

@babel/plugin-proposal-class-properties

@babel/plugin-proposal-class-properties - npm
@babel/plugin-proposal-class-properties · Babel
@babel/plugin-proposal-class-properties · Babel

@babel/plugin-proposal-decorators

tc39/proposal-decorators: Decorators for ES6 classes
wycats/javascript-decorators
@babel/plugin-proposal-decorators · Babel

@babel/plugin-proposal-export-default-from

@babel/plugin-proposal-export-default-from · Babel

@babel/plugin-proposal-export-namespace-from

@babel/plugin-proposal-export-namespace-from · Babel

@babel/plugin-proposal-function-sent

@babel/plugin-proposal-function-sent - npm
@babel/plugin-proposal-function-sent · Babel

@babel/plugin-proposal-optional-chaining

@babel/plugin-proposal-optional-chaining · Babel
@babel/plugin-proposal-optional-chaining · Babel

@babel/plugin-proposal-pipeline-operator

@babel/plugin-proposal-pipeline-operator · Babel

@babel/plugin-proposal-throw-expressions

@babel/plugin-proposal-throw-expressions · Babel

@babel/plugin-proposal-unicode-property-regex

@babel/plugin-proposal-unicode-property-regex · Babel

@babel/plugin-proposal-private-methods

@babel/plugin-proposal-private-methods · Babel

tc39/proposal-class-fields

tc39/proposal-class-fields: Orthogonally-informed combination of public and private fields proposals
tc39/proposal-private-fields: A Private Fields Proposal for ECMAScript
tc39/proposal-class-public-fields: Stage 2 proposal for public class fields in ECMAScript
proposal-class-fields/PRIVATE_SYNTAX_FAQ.md at master · tc39/proposal-class-fields
Public and private instance fields proposal
Public and private instance fields proposal
Public Class Fields
关于废止proposal-class-fields提案的建议_aimingoo的专栏-CSDN博客

tc39/proposal-private-methods

tc39/proposal-private-methods: Private methods and getter/setters for ES6 classes
Private Methods and Accessors Proposal

tc39/proposals: Tracking ECMAScript Proposals
tc39/proposal-optional-chaining
The TC39 Process

#React

babel-plugin-framer-x

eschaefer/babel-plugin-framer-x: A Babel plugin to remove Framer X code from your React components.

babel-plugin-hoist-facc

strayiker/babel-plugin-hoist-facc: Babel plugin to hoist Function as Child Component

babel-plugin-react-transform

gaearon/babel-plugin-react-transform: Babel plugin to instrument React components with custom transforms

babel-plugin-react-require

vslinko/babel-plugin-react-require: [TODO] Babel plugin that adds React import declaration if file contains JSX tags

babel-plugin-react-hyperscript

roman01la/babel-plugin-react-hyperscript: HyperScript syntax for React components without runtime overhead

babel-plugin-react-import-extends

vijaysutrave/babel-plugin-react-import-extends: Babel plugin to get rid of extends Component & import React

babel-plugin-react-hiccup

callwait/babel-plugin-react-hiccup: Hiccup syntax for React components with Babel

babel-plugin-transform-react-remove-prop-types

oliviertassinari/babel-plugin-transform-react-remove-prop-types: Remove unnecessary React propTypes from the production build.

babel-plugin-transform-react-jsx-self

babel/packages/babel-plugin-transform-react-jsx-self at master · babel/babel

babel-plugin-transform-react-constant-elements

babel-plugin-transform-react-constant-elements - npm

babel-plugin-transform-react-inline-elements

babel-plugin-transform-react-inline-elements - npm

babel-plugin-transform-react-class-to-function

remcohaszing/babel-plugin-transform-react-class-to-function: A Babel 7 plugin which transforms React component classes into functions

#Testing

babel-plugin-espower

power-assert-js/babel-plugin-espower: Babel plugin for power-assert

babel-plugin-istanbul

istanbuljs/babel-plugin-istanbul: A babel plugin that adds istanbul instrumentation to ES6 code

babel-plugin-rewire

speedskater/babel-plugin-rewire: A babel plugin adding the ability to rewire module dependencies. This enables to mock modules for testing purposes.

#Types

babel-plugin-tcomb

gcanti/babel-plugin-tcomb: Babel plugin for static and runtime type checking using Flow and tcomb

babel-plugin-jsdoc-to-assert

azu/babel-plugin-jsdoc-to-assert: Runtime type checking for JSDoc
azu/jsdoc-to-assert: JSDoc to assert

babel-plugin-runtyper

vitalets/babel-plugin-runtyper: ⚡️ Runtime type-checker for JavaScript

flow-runtime

flow-runtime/packages/babel-plugin-flow-runtime at master · codemix/flow-runtime

#Usage

@babel/register

babel/packages/babel-register at master · babel/babel
@babel/register · Babel
@babel/register · Babel

Config Files · Babel

babel-watch

kmagiera/babel-watch: Reload your babel-node app on JS source file changes. And do it fast.

babel-time-travel

babel/babel-time-travel: Time travel through babel transformations one by one (implemented in the Babel REPL now)
babel-time-travel

Topic: babel-plugin
keywords:babel-plugin - npm search
Plugins · Babel
插件 · Babel 中文网
教你如何编写Babel插件 - 掘金
从零开始编写一个babel插件 - 掘金
babel 插件开发案例

Babel 资源、整理集&FAQ

Babel 资源

jamiebuilds/the-super-tiny-compiler: Possibly the smallest compiler ever
Babel 入门教程 - 阮一峰的网络日志
babel知识体系漫谈 - 掘金

Babel 整理集

Babel FAQ

不容错过的 Babel7 知识 - 掘金
babel能不能分析代码然后按需polyfill ? - 掘金
[实践系列]Babel原理 - 掘金
史上最清晰易懂的babel配置解析 - 掘金
深入浅出 Babel 上篇:架构和原理 + 实战 - 掘金
深入浅出 Babel 下篇:既生 Plugin 何生 Macros - 掘金
建议改成: 读完这篇你还不懂Babel我给你寄口罩 - 掘金
搞懂babel7常用的配置和优化,这篇就够了! - 掘金
(2条消息) 实现一个真正的babel插件(不仅仅是替换字符)及 ast操作原理_前端361-CSDN博客
Babel: plugin, preset的区别于使用 - 简书
Babel 中的 plugins 与 presets - 简书
Babel是如何读懂JS代码的 - 知乎
babel的plugins和presets解析 - 赵大树 - 博客园
Babel配置中的presets、plugins、各个阶段stage的含义 - 杰哥斯坦森 - 博客园
理解babel的基本原理和使用方法 - 泛舟青烟 - 博客园
前端工程师需要了解的 Babel 知识
初学 Babel 工作原理
看了就懂的 AST 和 Babel 工作流程

regenerator

facebook/regenerator: Source transformer enabling ECMAScript 6 generator functions in JavaScript-of-today.
regenerator/packages/regenerator-runtime at master · facebook/regenerator
regenerator/packages/regenerator-transform at master · facebook/regenerator
Regenerator

recast

benjamn/recast: JavaScript syntax tree transformer, nondestructive pretty-printer, and automatic source map generator

sucrase

sucrase core

alangpierce/sucrase: Super-fast alternative to Babel for when you can target modern JS runtimes
Sucrase

sucrase libs、plugins&tools

digital-eclecticism/parcel-plugin-sucrase
caioagiani/api-sequelize-sucrase: API RESTful NodeJs express, sequelize (mysql), jwt e sucrase es5 + eslint & prettier
rollup/rollup-plugin-sucrase: This package has moved and is now available at @rollup/plugin-sucrase / https://github.com/rollup/plugins

sucrase 资源、整理集&FAQ

traceur-compiler

google/traceur-compiler: Traceur is a JavaScript.next-to-JavaScript-of-today compiler
use traceur in ES6 - 菠萝君 - 博客园
google.github.io/traceur-compiler/bin/traceur.js

6to5 – 让你即刻体验 ECMAScript 6 编程 - 梦想天空(山边小溪) - 博客园

¥打包工具&构建工具

browserify

browserify/browserify: browser-side require() the node.js way
browserify/tinyify: a browserify plugin that runs various optimizations, so you don't have to install them all manually. makes your bundles tiny!
substack/node-browserify: browser-side require() the node.js way
dolymood/bifypack: 基于gulp和browserify的项目构建工具
browserify/watchify: watch mode for browserify builds
Macil/browserify-hmr: Hot Module Replacement plugin for Browserify
Browserify
前端模块及依赖管理的新选择:Browserify - 庭院茶 - SegmentFault 思否
Browserify + watchify - 简书
使用Browserify来实现CommonJS的浏览器加载 - 小火柴的蓝色理想 - 博客园
browserify学习总结 - 海角在眼前 - 博客园
browserify使用手册 - 诗&远方 - 博客园
前端模块化开发学习之gulp&browserify篇 - sharlly - 博客园
browserify - 教程中心 - 阿里云

coolpack

anderpang/coolpack: coolpack is a module bundler,enables add version number automatically,load asynchronously,and do the relevant optimization.

cooking

ElemeFE/cooking: 👨‍🍳 更易上手的前端构建工具

esbuild

evanw/esbuild: An extremely fast JavaScript bundler and minifier
esbuild - An extremely fast JavaScript bundler

gulp

gulp core

gulp/API.md at master · gulpjs/gulp
gulpjs/gulp: The streaming build system
gulp
gulp.js plugin registry
gulp.js - the streaming build system
gulp.js - 基于流的自动化构建工具。 | gulp.js 中文网
gulp 中文文档 - gulp.js 中文文档 | gulp.js 中文网
Gulp快速入门教程 - 个人文章 - SegmentFault 思否
Gulp学习指南之CSS合并、压缩与MD5命名及路径替换 - YuanWing Notes - SegmentFault 思否
一点 | gulp详细入门教程
一点 | gulp教程之gulp-livereload
一点 | gulp教程之gulp中文API
Gulp 简明使用教程 - 简书

gulp dependencies、libs、plugins&tools

gulp-alex

dustinspecker/gulp-alex: Gulp plugin for Alex
get-alex/alex: Catch insensitive, inconsiderate writing
Alex - Catch insensitive, inconsiderate writing

gulp-autoprefixer

一点 | gulp教程之gulp-autoprefixer
gulp-autoprefixer报Promise is not defined错误 - nikoo_hp - 博客园
gulp-autoprefixer的使用 - 简书
gulp教程之gulp-autoprefixer(根据设置浏览器版本自动处理浏览器前缀) - Hendsame - 博客园
gulp常用插件-gulp-autoprefixer - 吴小粥的博客 - CSDN博客
Gulp插件autoprefixer的使用 - tinyphp - 博客园
gulp-autoprefixer - 博客 - CSDN博客

gulp+browsersync

gulp+browsersync前端自动化构建和页面自动同步 - 个人文章 - SegmentFault 思否
candyCCat/gulp-browsersync: 搭建的一个简单的基于gulp+browsersync的前端自动化构建框架

gulp-bufferify

用gulp-bufferify快速创建你的gulp插件 - Web烤猫 - SegmentFault 思否

gulp-changed

gulp-changed的使用:只编译改动过的文件 - 不挑食的程序员 - SegmentFault 思否
gulp-changed - npm

gulp-debug

gulp-debug - npm

gulp-eagle

youngluo/gulp-eagle: Gulp Eagle is based on Laravel Elixir, which provides a clean, fluent API for defining basic Gulp tasks.
gulp-eagle 一个可以快速使用gulp构建前端项目的工具 - 前端小记 - SegmentFault 思否

gulp-imagemin

gulp-rev-replace

Package - gulp-rev-replace
gulp-rev-replace,重写已经被吞rev改名的文件名的出现,下载gulp-rev-replace的源码_GitHub_帮酷

gulp-rename

gulp-rename - npm
node笔记——gulp修改静态文件的名字 - 青草圆 - 博客园

gulp-sequence

按顺序逐个同步地运行 Gulp 任务 - 简书
teambition/gulp-sequence: Run a series of gulp tasks in order

gulp-sourcemaps

gulp-sourcemaps的用法 - 幸福n-1次方 - 博客园
javascript - gulp-sourcemaps 的使用过程中,在chrome中没找到对应的可调式的源码啊 - SegmentFault 思否
gulp插件(8) - gulp-sourcemaps(生成sourcemap) - 好事之徒 - CSDN博客
gulp-Source Map 详解 - m0_37978717的博客 - CSDN博客
Introduction to JavaScript Source Maps - HTML5 Rocks

gulp-useref

gulp系列:gulp-useref - J大老板 - CSDN博客
gulp-useref - npm

gulp-util

gulp-util - npm

gulp-utf8-convert

gulp-utf8-convert - npm

gulp转码

ashtuchkin/iconv-lite: Convert character encodings in pure javascript.
heldinz/gulp-convert-encoding: Plugin for gulp to convert files from one encoding to another.
gulp生成utf-8文件的同时,也生成gbk版本 - 简书
gulp-convert-encoding - npm
将文件转成utf8编码的gulp插件——gulp-utf8-convert - 泡泡 - SegmentFault 思否

hellopao/gulp_plugin: plugins for gulp.js
常用gulp插件介绍(一)
gulp常用插件使用指南(一) - 掘金
精通 gulp 常用插件 - 前端 - 掘金

glup 资源、整理集&FAQ

gulp 资源

做一个合格的前端,gulp资源大集合 - 专注WEB前端/微信小程序 - SegmentFault 思否

gulp 整理集

《Gulp折腾之路》

Gulp探究折腾之路(I) | 晚晴幽草轩
Gulp折腾之路(II) | 晚晴幽草轩
Gulp折腾之路(III) | 晚晴幽草轩

gulp FAQ

拷贝文件

gulp拷贝文件的时候如何保持路径? - CNode技术社区
gulp.src复制整个文件夹或文件到指定目录(包括拷贝单个文件) - 雾里看花叹朦胧 - CSDN博客
web前端工程化工具_gulp的路径问题,路径通配符 ** * ,拷贝所有文件夹及其子文件夹下的文件,项目的所有文件 - jiang7701037的博客 - CSDN博客
deployment - How do I copy directories recursively with gulp? - Stack Overflow

task顺序执行

gulp的task顺序执行 - SegmentFault 思否
gulp顺序执行任务
gulp顺序执行任务 - {前端开发} - 博客园
javascript - gulp任务的先后问题 - SegmentFault 思否
gulp_如何保证任务和程序顺序执行? - fantaxy025025的专栏 - CSDN博客
gulp中task的异步执行:加上return - 不挑食的程序员 - SegmentFault 思否

gulp error

gulp打包之unable to minify JavaScript - CSDN博客
[Gulp打包问题] GulpUglifyError: unable to minify JavaScript - Jerry's Blog - 开源中国
【gulp错误】GulpUglifyError: unable to minify JavaScript(黑人问号脸.gif) - reng嘉的回答 - SegmentFault 思否
gulp编译报错 - CSDN博客
gulp - GulpUglifyError: unable to minify JavaScript - Stack Overflow
gulp错误GulpUglifyError: unable to minify JavaScript解决

使用gulp实现前端自动化 - 掘金
让我们用gulp写个前端脚手架 - 掘金
gulp插件解决浏览器缓存问题 - 掘金
使用gulp为项目中的文件自动添加版本号之实践思路 - 姜丝的博客 - CSDN博客
gulp.src复制整个文件夹或文件到指定目录(包括拷贝单个文件) - 雾里看花叹朦胧 - CSDN博客
gulp自动添加静态文件版本号方案 - wangwei249的博客 - CSDN博客
Gulp .src() 匹配模式详解 - 凝弧 - CSDN博客
gulp 实现 js、css,img 合并和压缩 - CSDN博客
前端构建工具- gulp - 安装及简单CSS,JS文件合并压缩 - CSDN博客
glup搭建和使用 - CSDN博客
gulp教程之gulp-concat - CSDN博客
gulp.src排除一些文件 - 个人文章 - SegmentFault 思否
gulp4 - gulp中del()使用问题 - SegmentFault 思否
Gulp学习指南之CSS合并、压缩与MD5命名及路径替换 - YuanWing Notes - SegmentFault 思否
Gulp快速入门教程 - 个人文章 - SegmentFault 思否
整理配置的一套gulp自动化方案 - 个人文章 - SegmentFault 思否
gulp详细基础教程 - 前端码路拾遗 - SegmentFault 思否
一点 | gulp教程之gulp-imagemin
详解常用的gulp命令 - aiiright - 博客园
gulp使用小结(一) - 聂微东 - 博客园
gulp gulp有没有办法将所有的js文件压缩并重命名_百度知道
gulp排除已压缩文件思路

grunt

grunt core

gruntjs/grunt: Grunt: The JavaScript Task Runner
Grunt: The JavaScript Task Runner
Grunt: JavaScript世界的构建工具 -- Grunt中文网

grunt libs、plugins&tools

PintJS – 轻量,并发的GruntJS运行器

Pint
PintJS – 轻量,并发的 GruntJS 运行器 - 梦想天空(山边小溪) - 博客园

tjgq/grunt-throttle: A Grunt plugin for testing under a throttled connection.

grunt 资源、整理集&FAQ

Parcel

Parcel core

parcel-bundler/parcel: 📦🚀 Blazing fast, zero configuration web application bundler
Parcel
parcel-bundler/awesome-parcel: 🔗 A curated list of awesome Parcel resources, libraries, tools and boilerplates
parcel-bundler/examples: 🛠 Parcel examples using various frameworks
parcel-bundler/website: 🌎 Parcel website
Parcel
Parcel 中文网
www.parcejs.cn
🚀 入门 - Parcel 中文文档
📦 Parcel - 中文文档

Parcel libs、plugins&tools

linbudu599/Parcel-Tsx-Template: A Simple Template using Parcel and Tsx. 🧱
ant-design/parcel-antd: Use antd with parcel

parcel-plugin-linaria

callstack/parcel-plugin-linaria: Parcel plugin for Linaria (Experimental)

Parcel 资源、整理集&FAQ

关于 Parcel 你所需知道的一切:超快的Web应用打包器-WEB前端开发
myTNT2 - Manage your shipments with ease | TNT Singapore
Switching to Parcel from Webpack
Everything You Need To Know About Parcel: The Blazing Fast Web App Bundler 🚀
零配置打包工具 Parcel 实践 - 山水子农 - CSDN博客
Parcel Vs Webpack - 吴浩麟的技术博客 - SegmentFault 思否
继webpack后又一打包神器Parcel - PC.aaron - 博客园
Parcel学习 - 阿里云

Rollup

Rollup core

rollup/rollup: Next-generation ES module bundler
tunnckoCore/rollup-plugin-prepack: Rollup plugin for Facebook Prepack - https://prepack.io
rollup.js
rollup.js
rollup.js
rollup.js
rollup.js 中文文档 | rollup.js 中文网
Rollup.js 中文文档 | Rollup.js 中文网
is.gd

Rollup libs、plugins&tools

#A-G

rollup-plugin-babel

rollup/rollup-plugin-babel: This package has moved and is now available at @rollup/plugin-babel / https://github.com/rollup/plugins

rollup-plugin-commonjs

rollup/rollup-plugin-commonjs: This module has moved and is now available at @rollup/plugin-commonjs / https://github.com/rollup/plugins

rollup-plugin-eslint

TrySound/rollup-plugin-eslint: This plugin in migrated https://github.com/rollup/plugins/tree/master/packages/eslint

rollup-starter-app

rollup/rollup-starter-app: Bare-bones example of how to create an application using Rollup

#H-N

rollup-starter-lib

rollup/rollup-starter-lib: Bare-bones example of how to create a library using Rollup

rollup-plugin-node-resolve

rollup/rollup-plugin-node-resolve: This module has moved and is now available at @rollup/plugin-node-resolve / https://github.com/rollup/plugins

#O-T

rollup-plugin-replace

rollup/rollup-plugin-replace: This module has moved and is now available at @rollup/plugin-replace / https://github.com/rollup/plugins

#U-Z

rollup-plugin-uglify

TrySound/rollup-plugin-uglify: Rollup plugin to minify generated bundle

rollup-plugin-vue

vuejs/rollup-plugin-vue: Roll .vue files
Introduction | Rollup Plugin Vue

Rollup 资源、整理集&FAQ

10分钟快速入门rollup.js - 掘金
前端组件/库打包利器rollup使用与配置实战 - 掘金
连rollup都不会,还写什么插件库!
使用rollup打包JS的方法步骤 - 码农教程

Snowpack

Snowpack core

snowpackjs/snowpack: WASM-powered frontend build tool. Fast, lightweight, unbundled ESM. ✌️
Snowpack - The faster frontend build tool

Snowpack libs、plugins&tools

Snowpack 资源、整理集&FAQ

《模块化系列》snowpack,提高10倍打包速度。

Vite

Vite core

vite
vitejs/vite: Next generation frontend tooling. It's fast!
vuejs/vitepress: Vite & Vue powered static site generator
vitejs/docs-cn: Chinese translation of vitejs.dev
Home | Vite
Home | Vite

Vite libs、plugins&tools

antfu/vitesse: 🏕 Opinionated Vite Starter Template
anncwb/vite-plugin-mock: A mock plugin for vite.use mockjs.

Vite 资源、整理集&FAQ

vitejs/awesome-vite: ⚡️ A curated list of awesome things related to Vite.js
Vite 原理分析
从零到一,带你彻底搞懂 vite 中的 HMR 原理(源码分析)
面向未来的前端构建工具-vite
vite —— 一种尤雨溪开发的新的、更快地 web 开发工具

Webpack

Webpack core

Guides

Code Splitting

Code Splitting | webpack
代码分离 | webpack 中文网

require.context

dependency management
Dependency Management | webpack
管理依赖
管理依赖 · webpack 中文文档(2.2)
组件注册 — Vue.js
require.context - 掘金
Vue自动化注册(懒人专属)
vue之require.context - Cassie's blog - CSDN博客
深入理解webpack的require.context - 裂变科研中心 - SegmentFault 思否
vuex前端工程化之动态导入文件--require.context( ) - 雨中愚 - 博客园

Shimming

Shimming | webpack
shim 预置依赖
shim 预置依赖

tree-shaking

wuomzfx/tree-shaking-test: how to do tree-shaking best
Tree Shaking | webpack

Guides | webpack
Development | webpack

API

tapable

webpack/tapable: Just a little module for plugins.
Webpack 核心模块 tapable 解析(转) - 简书
Plugin API | webpack

Introduction | webpack
module methods
模块方法
Command Line Interface | webpack
Compiler Hooks | webpack

Plugins

Plugins | webpack
normal module replacement plugin

Concepts

Concepts | webpack
概念
Hot Module Replacement | webpack

Configuration

#Webpack config

Webpack config tool

webpack-autoconf

jakoblind/webpack-autoconf: A tool to create webpack configs
jakoblind (Jakob Lind)
Create App - your tool for starting a new webpack or Parcel project
Webpack config tool

yacan8/webpack-config-tool: webapck配置简化工具
zhaoshengjun/webpack-config: CLI tool to generate webpack.config.js
Webpack Config Tool | 火星小站

一个合格的Webpack4配置工程师素养

一个合格的Webpack4配置工程师素养:第一部分 - 掘金
一个合格的Webpack4配置工程师素养:第二部分 - 掘金
一个合格的Webpack4配置工程师素养:第三部分 - 掘金

多页面

BYChoo/webpack-multi-page: webpack多页面打包项目
webpack 打包多页面 - 掘金

webpack/examples at master · webpack/webpack
nanaSun/webCase
配置文件 | Webpack 中文指南
Webpack 4 配置最佳实践 - 掘金
webpack4配置详解之慢嚼细咽 - 掘金
Webpack下多环境配置的思路 - 掘金
用于前端开发的webpack4配置[带注释] - 掘金
从零开始搭建一个 Webpack 开发环境配置(附 Demo) - 掘金
使用 Webpack 进行生产环境配置(附 Demo) - 掘金
【手把手带你配 webpack】第一步, 做一个高级前端工程师 - 掘金
【手把手带你配 webpack】第二步, 面试官-谈谈你对模块化的理解 - 掘金
webpack常用优化配置 - 掘金
webpack4.0 CheatSheet - 掘金
从零开始配置webpack(基于webpack 4 和 baebel 7版本) - 掘金
webpack手动配置笔记 - 掘金
在2019使用差异化服务 - 掘金
webpack 最佳配置指北 - 掘金
「一劳永逸」由浅入深配置webpack4
webpack4实用配置指南-上手篇 - fengmin_w的博客 - CSDN博客
一份比较详细的 webpack 4.x 手工配置基础开发环境 附源码 - 个人文章 - SegmentFault 思否
面试官:请手写一个webpack4.0配置 - 个人文章 - SegmentFault 思否

Configuration Types

Configuration Types | webpack

Entry and Context

Entry and Context | webpack
入口和上下文(entry and context) | webpack 中文网

Mode

Mode | webpack

Output

libraryTarget

详解webpack的out.libraryTarget属性_JavaScript_Frank-L的博客-CSDN博客
Output | webpack
输出(output) | webpack 中文网

publicPath

【前端大概一分钟】__webpack_public_path__动态配置路径 - 掘金
javascript - 所以 Webpack 动态设置 __webpack_public_path__ 到底怎么用? - SegmentFault 思否
Public Path(公共路径) · webpack 中文文档(2.2)
webpack 配置 publicPath的理解 - SamWeb - 博客园
Webpack 动态设置 __webpack_public_path__ 到底怎么用 - V2EX
webpack output.publicPath 如何动态配置地址 - 骑驴的舒克的回答 - SegmentFault 思否
webpack output.publicPath 如何动态配置地址 - meepo的回答 - SegmentFault 思否
configuring webpack public path at runtime · Issue #443 · webpack/webpack
`__webpack_public_path__` does not work if entrypoint uses ES6-style imports · Issue #2776 · webpack/webpack

Output | webpack

Module

Module | webpack
loaders | webpack 中文网
编写一个 loader | webpack 中文网
装载 | Loaders - Webpack 中文开发手册 - 开发者手册 - 云+社区 - 腾讯云
webpack loader—自己写一个按需加载插件 - 掘金
编写自己的Webpack Loader - 相学长怼前端 - SegmentFault 思否
webpack源码之loader机制 - on the way - SegmentFault 思否
webpack loader 执行顺序 - 简书
Webpack Loader种类以及执行顺序 - 韩帅 - 博客园

Resolve

resolve.alias

webpack 使用别名(resolve.alias)解决scss @import相对路径导致的问题 - weixin_33805992的博客 - CSDN博客

Resolve | webpack

Optimization

Optimization | webpack

Plugins

Plugins | webpack
Plugins | webpack 中文网
编写一个插件 | webpack 中文网
compiler 钩子 | webpack 中文网
compilation 钩子 | webpack 中文网
Webpack: Does the order of plugins matter? - Stack Overflow
webpack loader和plugin编写 - 掘金
干货!撸一个webpack插件(内含tapable详解+webpack流程) - 掘金
webpack plugin执行顺序问题 - SegmentFault 思否
[转] webpack之plugin内部运行机制 - {前端开发} - 博客园
Webpack - 插件 | Plugins - 开发者手册 - 云+社区 - 腾讯云
lentoo blog

DevServer

DevServer | webpack
开发中 server(devServer)

Devtool

Webpack SourceMap

Source maps are failing to parse using devtool: source-map · Issue #8506 · webpack/webpack
Webpack4 学习笔记 - 05:SourceMap 的配置_weixin_33924312的博客-CSDN博客
webpack SourceMap 配置_purple_lumpy的博客-CSDN博客
webpack sourcemap 精简说明 - 个人文章 - SegmentFault 思否
webpack sourcemap 选项多种模式的一些解释 - 目田 - SegmentFault 思否
打破砂锅问到底:详解Webpack中的sourcemap - SegmentFault 思否
webpack之SourceMap - 简书
【WEBPACK】 sourceMap 使用说明 - 简书
浅谈webpack devtool里的7种SourceMap模式_javascript技巧_脚本之家
Webpack中的sourcemap - axl234 - 博客园
webpack学习笔记(三) source map - wsmrzx的博客 - 博客园
webpack SourceMap配置(9)_慕课手记

Devtool | webpack

Target

Target | webpack

Watch and WatchOptions

Watch and WatchOptions | webpack

Externals

Externals | webpack

Performance

Performance | webpack

Node

Node | webpack

Stats

Stats | webpack

Experiments

Experiments | webpack

Other Options

Other Options | webpack

Configuration | webpack

Migrate

Migrate | webpack

Loaders

fe-blog/webpack-loader at master · 6fedcom/fe-blog
Loaders
webpack的几个常见loader源码浅析,以及动手实现一个md2html-loader
手把手教你写webpack loader

Contribute

Contribute | webpack

Webpack v5

Federated Modules

Merge Proposal: Module federation and code sharing between bundles. Many builds act as one · Issue #10352 · webpack/webpack
Paciolan/remote-component: Dynamically load a React Component from a URL
jacob-ebey/federated-libraries-get-started: Completed example code that accompanies https://federated-libraries.now.sh/get-started
Module Federation
Introducing Federated Modules in Webpack 5 – Bram.us
medium.com
dev.to
(20) Marais 在 Twitter: "Wrote an article on Module Federation, a project I have been apart of for the last little while! https://t.co/aDiLreWDit" / Twitter
Webpack 5 Module Federation: JavaScript 架构的变革者 | RichLab
Federated Libraries
三大应用场景调研,Webpack 新功能 Module Federation 深入解析
【第1912期】探索 webpack5 新特性Module federation在腾讯文档的应用

webpack/changelog-v5: Temporary repo for the changelog for webpack 5
webpack 5 alpha feedback · Issue #8537 · webpack/webpack
Webpack 5 发布 (2020-10-10) | webpack

webpack/webpack: A bundler for javascript and friends. Packs many modules into a few bundled assets. Code Splitting allows to load parts for the application on demand. Through "loaders," modules can be CommonJs, AMD, ES6 modules, CSS, Images, JSON, Coffee
webpack/webpack.js.org: Repository for webpack documentation and more!
docschina/webpack.js.org: [印记中文](https://docschina.org/) - webpack 中文文档
WICG/webpackage: Web packaging format
zhaoda/webpack-handbook: Webpack中文指南
- Gitter
webpack/webpack - Gitter
webpack
webpack
webpack 中文文档(@印记中文) https://docschina.org/
webpack 中文文档(@印记中文) https://docschina.org/
webpack 中文文档 | webpack 中文网
webpack 中文文档
webpack module bundler
Introduction · Webpack 中文指南
深入浅出 Webpack · 深入浅出 Webpack
Webpack 入门教程 | 菜鸟教程
介绍 | Webpack 中文指南
基本配置项 · webpack指南

Webpack libs、loaders、plugins&tools

Webpack loaders

#A-G

async-catch-loader

yeyan1996/async-catch-loader: a webpack loader that can automatically injects try/catch into async function
嘿,不要给 async 函数写那么多 try/catch 了

awesome-typescript-loader

s-panferov/awesome-typescript-loader: Awesome TypeScript loader for webpack

babel-loader

Loader学习,简析babel-loader - 掘金
babel/babel-loader: 📦 Webpack plugin for Babel

bs-loader

rrdelaney/bs-loader: Bucklescript loader for Webpack and Jest

css-raw-loader

catdad/css-raw-loader: CSS Raw loader module for Webpack

css-loader

typings-for-css-modules-loader

Jimdo/typings-for-css-modules-loader: Drop-in replacement for css-loader to generate typings for your CSS-Modules on the fly in webpack

webpack-contrib/css-loader: CSS Loader

cache-loader

webpack-contrib/cache-loader: Caches the result of following loaders on disk

django-webpack-loader

owais/django-webpack-loader: Transparently use webpack with django

es3ify-loader

sorrycc/es3ify-loader: ES3ify loader for webpack.

eslint-loader

webpack-contrib/eslint-loader: eslint loader (for webpack)

extract-loader

peerigon/extract-loader: webpack loader to extract HTML and CSS from the bundle

exports-loader

exports-loader

fast-sass-loader

yibn2008/fast-sass-loader: High performance sass loader for webpack

grow-loader

line/grow-loader: A webpack loader to split class methods by decorators

#H-N

html-loader

html-loader | webpack 中文网

inject-loader

plasticine/inject-loader: 💉📦 A Webpack loader for injecting code into modules via their dependencies.

imports-loader

webpack-contrib/imports-loader: Imports Loader
imports-loader

less-loader

webpack-contrib/less-loader: Compiles Less to CSS
Webpack 之 less-loader 详解 - 个人文章 - SegmentFault 思否

null-loader

webpack-contrib/null-loader: [DEPRECATED] A loader that returns an empty module (can still be used for webpack 4).

#O-T

prerender-loader

GoogleChromeLabs/prerender-loader: 📰 Painless universal pre-rendering for Webpack.
prerender-loader - npm

pug-loader

pugjs/pug-loader: Pug loader module for Webpack

raw-loader

webpack-contrib/raw-loader: A loader for webpack that allows importing files as a String

resolve-url-loader

bholloway/resolve-url-loader: Webpack loader that resolves relative paths in url() statements based on the original source file

sass-loader

sass-loader - npm
sass-loader | webpack 中文网
webpack-contrib/sass-loader: Compiles Sass to CSS
sass-loader使用data引入公用文件或全局变量报错 - 极·简 - 博客园

sass-resouces-loader

shakacode/sass-resources-loader: SASS resources (e.g. variables, mixins etc.) loader for Webpack. Also works with less, post-css, etc.
sass-resources-loader - npm
webpack4导入全局sass文件_浅夏晴空的博客-CSDN博客
关于vue项目中全局引入一个 .scss文件的问题解决_高高的博客-CSDN博客
(2条消息)使用webpack引入sass全局变量_JavaScript_Winne_Shen的专栏-CSDN博客
在vue项目中全局引入scss文件 - 简书
javascript - vue中怎么全局引入sass文件 - SegmentFault 思否
webpack中配置sass-resources-loader定义全局sass文件实现各组件@mixin@function共享 | Zhang dajia的博客

style-resources-loader

yenshih/style-resources-loader: CSS processor resources loader for webpack

svg-sprite-loader

JetBrains/svg-sprite-loader: Webpack loader for creating SVG sprites.
Vue Cli 3.0 svg-sprite-loader 配置整理 - 掘金
vue 使用svg图片 svg-sprite-loader - 掘金

svgo-loader

使用 svg-sprite-loader、svgo-loader 优化项目中的 Icon

source-map-loader

source-map-loader | webpack 中文网

script-loader

webpack-contrib/script-loader: [deprecated] Script Loader

ts-loader

TypeStrong/ts-loader: TypeScript loader for webpack
I CAN MAKE THIS WORK...: ts-loader Project References: First Blood

thread-loader

webpack-contrib/thread-loader: Runs the following loaders in a worker pool
thread loader

#U-Z

url-loader

webpack-contrib/url-loader: A loader for webpack which transforms files into base64 URIs

vue-template-loader

ktsn/vue-template-loader: Vue.js 2.0 template loader for webpack

webpack-component-loader

nicholaslee119/webpack-component-loader: 📦 A webpack loader to componentify CSS/JS/HTML without framework

yml-loader

nkt/yml-loader: YAML loader for webpack

yaml-loader

eemeli/yaml-loader: YAML loader for webpack (converts YAML to JSON)

Webpack plugins

#A-G

add-asset-html-webpack-plugin

SimenB/add-asset-html-webpack-plugin: Add a JavaScript or CSS asset to the HTML generated by html-webpack-plugin

antd-dayjs-webpack-plugin

ant-design/antd-dayjs-webpack-plugin: ⏰ Day.js webpack plugin for antd

assets-webpack-plugin

assets-webpack-plugin - npm
ztoben/assets-webpack-plugin: Webpack plugin that emits a json file with assets paths

autodll-webpack-plugin

asfktz/autodll-webpack-plugin: Webpack's DllPlugin without the boilerplate

babel-minify-webpack-plugin

BabelMinifyWebpackPlugin

critters

GoogleChromeLabs/critters: 🦔 A Webpack plugin to inline your critical CSS and lazy-load the rest.

common-chunk-plugin

liangklfangl/commonsChunkPlugin_Config: Webpack的common-chunk-plugin源码分析,来自于[我的github文章全集](https://github.com/liangklfangl/react-article-bucket)

chunk-manifest-webpack-plugin

chunk-manifest-webpack-plugin - npm
soundcloud/chunk-manifest-webpack-plugin: Allows exporting a manifest that maps entry chunk names to their output files, instead of keeping the mapping inside the webpack bootstrap.

clean-webpack-plugin

clean-webpack-plugin - npm
johnagan/clean-webpack-plugin: A webpack plugin to remove your build folder(s) before building

copy-webpack-plugin

webpack-contrib/copy-webpack-plugin: Copy files and directories with webpack

case-sensitive-paths-webpack-plugin

Urthen/case-sensitive-paths-webpack-plugin: Enforces case sensitive paths in Webpack requires.

compression-webpack-plugin

webpack-contrib/compression-webpack-plugin: Prepare compressed versions of assets to serve them with Content-Encoding

webpack-deep-scope-analysis-plugin

vincentdchan/webpack-deep-scope-analysis-plugin: A webpack plugin for deep scope analysis

extract-text-webpack-plugin

ExtractTextWebpackPlugin | webpack 中文网
webpack-contrib/extract-text-webpack-plugin: [DEPRECATED] Please use https://github.com/webpack-contrib/mini-css-extract-plugin Extracts text from a bundle into a separate file

execa-webpack-plugin

execa-webpack-plugin - npm
sindresorhus/execa: A better `child_process`
execa - npm
npm-prefix - npm
libnpx - npm
npm-bin-ava-tester - npm
@zkochan/libnpx - npm
is-installed-globally - npm
which-exclude-npm - npm
npm-run-path-compat - npm
npm-sh - npm

fork-ts-checker-webpack-plugin

Realytics/fork-ts-checker-webpack-plugin: Webpack plugin that runs typescript type checker on a separate process.

filemanager-webpack-plugin

gregnb/filemanager-webpack-plugin: Copy, move, archive (zip/tar/tar.gz), delete files and directories before and after Webpack builds. Win32/Mac/*Nix supported
webpack将资源打成zip包 - XinZhongYi的博客 - CSDN博客

friendly-errors-webpack-plugin

geowarin/friendly-errors-webpack-plugin: Recognizes certain classes of webpack errors and cleans, aggregates and prioritizes them to provide a better Developer Experience.

fork-ts-checker-webpack-plugin

TypeStrong/fork-ts-checker-webpack-plugin: Webpack plugin that runs typescript type checker on a separate process.

webpack-plugin-fr-theme

JSupot/webpack-plugin-fr-theme: form-render theme

webpack.BannerPlugin

BannerPlugin | webpack

webpack.DllPlugin与webpack.DllReferencePlugin

chenchunyong/webpack-dllPlugin: webpack dllPlugin demo
Webpack DllPlugin 让构建速度柔顺丝滑 - 掘金
webpackのDLLバンドルを使ってビルドを速くする - Qiita

webpack.DefinePlugin

DefinePlugin · webpack 中文文档(2.2)
实用webpack插件之DefinePlugin_JavaScript_weixin_33872660的博客-CSDN博客
vue-cli3 配合 webpak DefinePlugin 构建期间自动检测环境变化,根据NODE_ENV引入配置文件_JavaScript_又是再见?-CSDN博客

#H-N

html-webpack-inline-chunk-plugin

html-webpack-inline-chunk-plugin - npm
rohitlodha/html-webpack-inline-chunk-plugin: A webpack plugin that inlines chunk in html-webpack-plugin.

hard-source-webpack-plugin

mzgoddard/hard-source-webpack-plugin
hard-source-webpack-plugin - npm

happypack

amireh/happypack: Happiness in the form of faster webpack build times.
使用 happypack 提升 Webpack 项目构建速度 - 掘金

html-webpack-plugin

jantimon/html-webpack-plugin: Simplifies creation of HTML files to serve your webpack bundles
html-webpack-plugin - npm
jaketrent/html-webpack-template: a better default template for html-webpack-plugin
jantimon/html-webpack-plugin: Simplifies creation of HTML files to serve your webpack bundles
如何让webpack HtmlWebpackPlugin插件生成html插入js 的时候 按chunks 顺序插入? - quietwait的回答 - SegmentFault 思否

inline-manifest-webpack-plugin

inline-manifest-webpack-plugin - npm
szrenwei/inline-manifest-webpack-plugin: inline your webpack manifest (runtime code) with a script tag to save http request

lodash-webpack-plugin

webpack最小化lodash - 前端周分享 - SegmentFault 思否
Package - lodash-webpack-plugin
Webpack按需打包Lodash的几种方式 - sxjing11的博客 - CSDN博客
lodash-webpack-plugin - npm
Webpack实现按需打包Lodash的几种方法详解_javascript技巧_脚本之家
webpack lodash按需加载设置之后还是那么大 - SegmentFault 思否
babel-plugin-lodash - npm
Webpack按需打包Lodash的几种方式 | Yusen's Blog | 学习弯道超车的技巧!
lodash/lodash-webpack-plugin: Smaller modular Lodash builds.

mini-css-extract-plugin

webpack-contrib/mini-css-extract-plugin: Lightweight CSS extraction plugin
mini-css-extract-plugin - npm
extract-text-webpack-plugin - npm
CSS 提取 | Vue Loader
学习webpack4.X(二,处理CSS) - weixin_41351184的博客 - CSDN博客

webpack.IgnorePlugin

IgnorePlugin | webpack

#O-T

offline-plugin

NekR/offline-plugin: Offline plugin (ServiceWorker, AppCache) for webpack (https://webpack.js.org/)
使用 offline-plugin 搭配 webpack 轻松实现 PWA - 掘金

optimize-css-assets-webpack-plugin

NMFR/optimize-css-assets-webpack-plugin: A Webpack plugin to optimize \ minimize CSS assets.

page-skeleton-webpack-plugin

wookaoer/page-skeleton-core: 基于url生成骨架屏结构核心代码
基于page-skeleton-webpack-plugin分析自动生成骨架屏原理 - 掘金
骨架屏(page-skeleton-webpack-plugin)初探

prepack-webpack-plugin

gajus/prepack-webpack-plugin: A webpack plugin for prepack.

preload-webpack-plugin

GoogleChromeLabs/preload-webpack-plugin: A webpack plugin for injecting <link rel='preload|prefetch'> into HtmlWebpackPlugin pages, with async chunk support

progress-bar-webpack-plugin

clessg/progress-bar-webpack-plugin: A progress bar plugin for Webpack.

resource-hints-webpack-plugin

jantimon/resource-hints-webpack-plugin: Adds automatically resource hints to your html-files

sw-precache-webpack-plugin

goldhand/sw-precache-webpack-plugin: Webpack plugin that generates a service worker using sw-precache that will cache webpack's bundles' emitted assets. You can optionally pass sw-precache configuration options to webpack through this plugin.

size-plugin

GoogleChromeLabs/size-plugin: Track compressed Webpack asset sizes over time.
size-plugin - npm

stats-webpack-plugin

unindented/stats-webpack-plugin: Write the stats of a build to a file.
stats-webpack-plugin - npm

script-ext-html-webpack-plugin

numical/script-ext-html-webpack-plugin: Enhances html-webpack-plugin functionality with different deployment options for your scripts including 'async', 'preload', 'prefetch', 'defer', 'module', custom attributes, and inlining.

terser-webpack-plugin

terser/terser: 🗜 JavaScript parser, mangler and compressor toolkit for ES6+
webpack-contrib/terser-webpack-plugin: Terser Plugin
ohanhi/hyperscript-helpers: Terse syntax for hyperscript.
TerserWebpackPlugin | webpack

TemplatedPathPlugin

webpack/TemplatedPathPlugin.js at master · webpack/webpack

Janlay884181317/output-build-info-webpack-plugin: 输出webpack打包环境信息(例如打包时间,分支,Git相关信息等)

optimization.splitChunks

SplitChunksPlugin | webpack
在淘宝优化了一个大型项目,分享一些干货(Webpack,SplitChunk代码实例,图文结合)

webpack.ProvidePlugin

ProvidePlugin
ProvidePlugin | webpack
ProvidePlugin | webpack 中文网

#U-Z

@vue/preload-webpack-plugin

vuejs/preload-webpack-plugin: A Webpack plugin for wiring up `<link rel='preload'>` (and prefetch) - supports async chunks

uglifyjs-webpack-plugin

webpack-contrib/uglifyjs-webpack-plugin: [deprecated] UglifyJS Plugin
uglifyjs-webpack-plugin - npm
UglifyjsWebpackPlugin | webpack

webpack-assets-manifest

webpack-assets-manifest - npm
webdeveric/webpack-assets-manifest: This Webpack plugin will generate a JSON file that matches the original filename with the hashed version.

webpack-asset-pipeline

webpack-rails-manifest-plugin - npm
infinum/webpack-asset-pipeline: 🚀 A missing link for the asset pipeline alternative with Webpack.
webpack-asset-pipeline - npm
Squeezing Webpack into backend frameworks | Infinum

webpack-bundle-analyzer

webpack-contrib/webpack-bundle-analyzer: Webpack plugin and CLI utility that represents bundle content as convenient interactive zoomable treemap
webpack-bundle-analyzer - npm

webpack-bundle-size-analyzer

robertknight/webpack-bundle-size-analyzer: A tool for finding out what contributes to the size of Webpack bundles

webpackmonitor

webpackmonitor/webpackmonitor: A tool for monitoring webpack optimization metrics through the development process
Webpack Monitor

webpack-manifest-plugin

danethurber/webpack-manifest-plugin: webpack plugin for generating asset manifests
webpack-manifest-plugin - npm

webpack-polyfills-plugin

beda-software/webpack-polyfills-plugin: Fork from Sl1v3r/webpack-polyfills-plugin

webpack-polyfill-injector

SebastianS90/webpack-polyfill-injector: Webpack plugin to automatically inject polyfills into your bundle without affecting modern browsers.

worker-plugin

GoogleChromeLabs/worker-plugin: 🐳 Adds native Web Worker bundling support to Webpack.
worker-plugin - npm

webpack-plugin-vueComponentsIndex

zfang1995/webpack-plugin-vueComponentsIndex: auto complete paths of vue components

webpack-retry-load-plugin

hxfdarling/webpack-retry-load-plugin: atuo load retry resource from other domain

webpack-stats-plugin

FormidableLabs/webpack-stats-plugin: Webpack stats plugin for build information, file manifests, etc.
webpack-stats-plugin - npm

webpack.SourceMapDevToolPlugin

SourceMapDevToolPlugin (Plugins) - Webpack 中文开发手册 - 开发者手册 - 云+社区 - 腾讯云

webpack-zip-plugin

yyhappynice/webpack-zip-plugin: Zip your dist after webpack builds

webpack-theme-color-replacer

hzsrc/webpack-theme-color-replacer: A runtime dynamic theme color replacement plugin for webpack.
webpack-theme-color-replacer - npm
hzsrc/vue-element-ui-scaffold-webpack4: vue下基于webpack4构建的多页面、多环境方案脚手架项目(使用了element-ui,可替换为其他)
hzsrc/join-file-content-plugin: Prepend or append file to a target file while webpack starting

write-file-webpack-plugin

gajus/write-file-webpack-plugin: Forces webpack-dev-server to write bundle files to the file system.

zip-webpack-plugin

erikdesjardins/zip-webpack-plugin: Webpack plugin to zip up emitted files.
zip-webpack-plugin - npm

Webpack tools

anymatch

micromatch/anymatch: Matches strings against configurable strings, globs, regular expressions, and/or functions

enhanced-resolve

webpack/enhanced-resolve: Offers an async require.resolve function. It's highly configurable.

loader-runner

webpack/loader-runner: Runs (webpack) loaders

loader-utils

webpack/loader-utils: utils for webpack loaders

webpack-merge

survivejs/webpack-merge: Merge designed for Webpack (MIT)
webpack-merge - npm

webpack-chain

neutrinojs/webpack-chain: A chaining API to generate and simplify the modification of Webpack configurations.
neutrinojs/webpack-chain at v4
Yatoo2018/webpack-chain: A chaining API to generate and simplify the modification of Webpack configurations.
Package - webpack-chain
webpack-chain项目中文翻译 - 个人文章 - SegmentFault 思否

webpack-dev-server

webpack/webpack-dev-server: Serves a webpack app. Updates the browser on changes. Documentation https://webpack.js.org/configuration/dev-server/.
webpack-dev-server - npm
开发
解决webpack-dev-server代理常切换问题 - 掘金
webpack-dev-server 运行原理

webpack-dev-middleware

webpack/webpack-dev-middleware: A development middleware for webpack
webpack-dev-middleware - npm
webpack-dev-middleware 源码解读 - 掘金

webpack-bundle-tracker

owais/webpack-bundle-tracker: Spits out some stats about webpack compilation process to a file

webpack-sources

webpack/webpack-sources: Source code handling classes for webpack

webpack-external-import

ScriptedAlchemy/webpack-external-import: Dynamically import modules from other webpack bundles. Painless code sharing between separate apps

webpack-hot-middleware

webpack-contrib/webpack-hot-middleware: Webpack hot reloading you can attach to your own server
了不起的 Webpack HMR 学习指南(含源码分析)

webpack-validator

js-dxtools/webpack-validator: Validates your webpack config with Joi

webpack-blocks

andywer/webpack-blocks: 📦 Configure webpack using functional feature blocks.

webpack-virtual-modules

sysgears/webpack-virtual-modules: Webpack Virtual Modules is a webpack plugin that lets you create, modify, and delete in-memory files in a way that webpack treats them as if they were physically presented in the file system.

webpack-ops

CatSnake11/webpack-ops: 📁 webpack bundle visualization // optimization // config tool

webpackbar

nuxt-contrib/webpackbar: Elegant ProgressBar and Profiler for Webpack 3 , 4 and 5

webpack/lib at master · webpack/webpack
masx200/webpack-react-vue-spa-awesome-config: 极速、零配置的 web 应用打包工具, 同时支持 react 和 vue 的单页面应用,提供开箱即用支持 Fast, zero-configuration web application packaging tool that supports both single-page applications for react and vue, out-of-the-box support, 基于 webpack4.x,同时支持 react 和 vue 的单页面应用 通用的 webpack 配置文件,提供开箱即用支持 ,您无需学习和配置许多构建工具。即时重新加载可帮助您专注于开发。在部署时,您的捆绑包会自动优化,愿世上再无webpack配置师

Webpack projects

compare-webpack-target-bundles

TheLarkInn/compare-webpack-target-bundles: Example of all the webpack targets!!! Webpack Playground!

neutrino

neutrinojs/neutrino: Create and build modern JavaScript projects with zero initial configuration.
Introduction · Neutrino

Webpack+jQuery

yifoo/webpack-demo: Webpack +jQuery 单页面Demo

atool-build/getWebpackCommonConfig.js at master · ant-tool/atool-build
dongyuanxin/webpack-demos: 📦 Demos && Courses for Webpack 4
zpfz/webpack4-dev-cli: A lightweight Dev-cli for your frontend project was based on webpack.
搭建webpack简易脚手架 - 掘金
基于webpack4.x项目实战 - 掘金
基于webpack4.x项目实战2 - 配置一次,多个项目运行 - 掘金
从 0 到 1 实现一款简易版 Webpack - 掘金
从i18n国际化来学习如何创建Webpack插件 - 前端 - 掘金
使用模块化工具打包自己开发的JS库(webpack/rollup)对比总结 - 掘金
实现一个简单的Webpack - 掘金
一个简单易用的webpack4多页面脚手架配置加学习 - 掘金
webpack.config.js 配置举例 | Ant-Tool 简介

Webpack 资源、整理集&FAQ

Webpack 资源

打包分析

upload
Webpack Chart
五种可视化方案分析 webpack 打包性能瓶颈

webpack-contrib/awesome-webpack: A curated list of awesome Webpack resources, libraries and tools
webpack-china/awesome-webpack-cn: [印记中文](https://docschina.org/) - webpack 优秀中文文章
kraaas/webpack-tutorial-collection: webpack 教程资源收集
liangklfangl/webpack-core-usage: webpack2完整系列课程,欢迎阅读。同时欢迎移步我的react全家桶文章全集: https://github.com/liangklfangl/react-article-bucket
lihongxun945/diving-into-webpack: webpack 源码解析系列
webpack & HTTP/2 – webpack – Medium
Separating a Manifest
淘系前端团队

Webpack Guidebook

tsejx/webpack-guidebook: 📚 Webpack 知识图谱:模块化、基础概念、工作原理、实战应用
Webpack Guidebook - 📚 Webpack 知识图谱:模块化、基础概念、工作原理、实战应用

Webpack 整理集

《24 个实例入门并掌握「Webpack4」》

24 个实例入门并掌握「Webpack4」(一) - 掘金
24 个实例入门并掌握「Webpack4」(二) - 掘金
24 个实例入门并掌握「Webpack4」(三) - 掘金

《webpack源码》

webpack源码之初始化参数_玉案轩窗的博客-CSDN博客
webpack源码之webpack函数_玉案轩窗的博客-CSDN博客
webpack源码之run方法(创建模块对象逻辑)_玉案轩窗的博客-CSDN博客
webpack源码之模块编译+输出最终文件_玉案轩窗的博客-CSDN博客

《webpack学习》

webpack学习(一) -- 基础概念及安装执行 - 掘金
webpack学习(二) -- 配置文件及五大核心概念 - 掘金
webpack学习(三) -- js tree shaking - 掘金
webpack学习(四) -- css tree shaking - 掘金

《webpack4系列教程》

webpack4系列教程

webpack4系列教程(一):初识webpack - 前端开发 - SegmentFault 思否
webpack4系列教程(二):创建项目,打包第一个JS文件 - 前端开发 - SegmentFault 思否
webpack4系列教程(三):自动生成项目中的HTML文件 - 前端开发 - SegmentFault 思否
webpack4系列教程(四):处理项目中的资源文件(一) - 前端开发 - SegmentFault 思否
webpack4系列教程(五):处理项目中的资源文件(二) - 前端开发 - SegmentFault 思否
webpack4系列教程(六):使用SplitChunksPlugin分割代码 - 前端开发 - SegmentFault 思否
webpack4系列教程(七):使用 babel-loader - 前端开发 - SegmentFault 思否
webpack4系列教程(八):使用Eslint审查代码 - 前端开发 - SegmentFault 思否
webpack4系列教程(九):开发环境和生产环境 - 前端开发 - SegmentFault 思否
webpack4系列教程(十):总结 - 前端开发 - SegmentFault 思否

webpack4系列教程: 前言 | 董沅鑫的个人网站
webpack4系列教程(一): 打包JS | 董沅鑫的个人网站
webpack4系列教程(二): 编译ES6 | 董沅鑫的个人网站
webpack4 系列教程(三): 多页面解决方案--提取公共代码 | 董沅鑫的个人网站
webpack4 系列教程(四): 单页面解决方案--代码分割和懒加载 | 董沅鑫的个人网站
webpack4 系列教程(五): 处理CSS | 董沅鑫的个人网站
webpack4 系列教程(六): 处理SCSS | 董沅鑫的个人网站
webpack4 系列教程(七): SCSS提取和懒加载 | 董沅鑫的个人网站
webpack4 系列教程(八): JS Tree Shaking | 董沅鑫的个人网站
webpack4 系列教程(九): CSS Tree Shaking | 董沅鑫的个人网站
webpack4 系列教程(十): 图片处理汇总 | 董沅鑫的个人网站
webpack4 系列教程(十一):字体文件处理 | 董沅鑫的个人网站
webpack4 系列教程(十二):处理第三方JavaScript库 | 董沅鑫的个人网站
webpack4 系列教程(十三):自动生成HTML文件 | 董沅鑫的个人网站
webpack4 系列教程(十四):Clean Plugin and Watch Mode | 董沅鑫的个人网站
webpack4 系列教程(十五):开发模式与webpack-dev-server | 董沅鑫的个人网站
webpack4 系列教程(十六):开发模式和生产模式·实战 | 董沅鑫的个人网站

《webpack系列》

webpack系列之一总览 - 掘金
webpack系列之二Tapable - 掘金
webpack系列之三resolve - 掘金
webpack系列之四loader详解1 - 掘金
webpack系列之四loader详解2 - 掘金
webpack系列之四loader详解3 - 掘金
Webpack系列-第一篇基础杂记 - 掘金
webpack-插件机制杂记 - 掘金
Webpack系列-第三篇流程杂记 - 掘金

《Webpack 进阶之源码分析》

Webpack 进阶之源码分析(一) - 掘金
Webpack 进阶之源码分析(二) - 掘金
Webpack 进阶之源码分析(三) - 掘金

《webpack前端构建工具学习总结》

webpack前端构建工具学习总结(一)之webpack安装、创建项目 - 一米阳光eyh - 博客园
webpack前端构建工具学习总结(二)之loader的使用 - 一米阳光eyh - 博客园
webpack前端构建工具学习总结(三)之webpack.config.js配置文件 - 一米阳光eyh - 博客园
webpack前端构建工具学习总结(四)之自动化生成项目中的html页面 - 一米阳光eyh - 博客园

《配置属于自己的打包系统教程》

yhtx1997/webpack4-Instance: webpack4 配置实例
[ webpack4 ] 配置属于自己的打包系统教程(一)—— 基础配置篇 - 掘金
[ webpack4 ] 配置属于自己的打包系统教程(二)—— 资源配置篇 - 掘金
[ webpack4 ] 配置属于自己的打包系统教程(最终篇)—— 环境配置篇 - 掘金

《大声对webpack4.0说声你好》

大声对webpack4.0说声你好之webpack的基本使用(一) - 掘金
大声对webpack4.0说声你好之loader基础篇资源打包讲解(二) - 掘金
大声对webpack4.0说声你好之参见plugin与常用配置详解(三) - 掘金
大声对webpack4.0说声你好之webpack的高级应用(四)

fe-blog/webpack at master · 6fedcom/fe-blog
通过这6个很棒的Webpack插件提高您的生产力 - 掘金
从今天开始,学习Webpack,减少对脚手架的依赖(上) - 掘金
从今天开始,学习Webpack,减少对脚手架的依赖(下) - 掘金
Webpack 实战入门系列(二):插件使用及热更新打包 - 掘金
Webpack 实战入门系列(三):生产配置、样式文件分离及输出清理 - 掘金
掘金站内 webpack 优秀文章汇总 - 掘金
总结18个webpack插件,总会有你想要的!
初学者应该看的 Webpack 完整指南(2020)
Webpack配置全解析(基础篇) - 掘金
Webpack配置全解析(基础篇) - 掘金
📚免费的渐进式教程:Webpack4的16篇讲解和16份代码 - 掘金
企业级 Webpack 分享总结(内附完整ppt)
Webpack 是怎样运行的?(一) - 知乎
Webpack 是怎样运行的?(二) - 知乎
Webpack学习-工作原理(上)
Webpack学习-工作原理(下)

Webpack FAQ

代码动态加载、异步加载&分包策略

脑阔疼的webpack按需加载 - 掘金
webpack4 import函数异步加载组件 - 掘金
Webpack 打包含动态加载的类库 - 前端 - 掘金
由浅至深了解webpack异步加载背后的原理 - 掘金
🚩四年前端带你理解路由懒加载的原理
webpack2异步加载套路 - JSer - SegmentFault 思否
webpack分包及异步加载套路 - JSer - SegmentFault 思否
借助 Webpack 静态分析能力实现代码动态加载 - Chenng 的主页
基于webpack实现react组件的按需加载 - 冯淼森的博客
Webpack 打包含动态加载的类库 | Scarletsky
webpack的异步加载原理及分包策略 - SegmentFault 思否

打包原理

Webpack 模块打包原理
Webpack 模块打包机制浅析 - 掘金
webpack打包原理 ? 看完这篇你就懂了 ! - 掘金
Webpack 将代码打包成什么样子? - 前端 - 掘金
深入webpack打包原理,loader和plugin的实现 - 掘金
Webpack5 上手测评 - 掘金
webpack4.0打包总结 - 大灰狼的小绵羊哥哥的博客 - CSDN博客
webpack打包(版本:4.5.0) - youyou_LIN的博客 - CSDN博客

插件原理

Webpack 常见插件原理分析 - 简书
揭秘webpack插件工作流程和原理

优化

你可能不知道的9条Webpack优化策略

性能

webpack.github.io
webpack性能榨汁机 - 掘金
webpack打包性能优化之路 - 掘金
记一次 Webpack 项目优化 - 掘金
浅谈webpack4.0 性能优化 - 掘金
webpack性能优化(上) - 掘金
webpack性能优化(下) - 掘金
如何利用webpack来提升前端开发效率(一)? - 掘金
如何利用webpack来提升前端开发效率(二)? - 掘金
重构之路:webpack打包体积优化(超详细) - 掘金
曲线救国:webpack打包优化黑科技 - 掘金
你不知道的 Webpack 性能优化配置 - 掘金
Webpack 打包优化之体积篇 | 晚晴幽草轩
Webpack 打包优化之速度篇 | 晚晴幽草轩
(5条消息)如何十倍提高你的webpack构建效率 - 思诚^_^ - CSDN博客
Predictable long term caching with Webpack – webpack – Medium
www.slideshare.net
总结几个webpack打包优化的方法
浅谈 webpack 性能优化(内附巨详细 webpack 学习笔记) - 掘金
【webpack 性能优化】编译速度从 50S 到 7S

liangklfangl/webpack-compiler-and-compilation: 该文章来源于我的github文章全集,欢迎star,https://github.com/liangklfangl/react-article-bucket
liangklfangl/webpack-common-sense: 该文章来源于我的github文章全集,欢迎star,https://github.com/liangklfangl/react-article-bucket
Webpack 之常见见招拆招 - 掘金
webpack3 项目升级 webpack4 - 掘金
webpack4.x 入门一篇足矣 - 掘金
【译】十五分钟,学习 Webpack - 掘金
新手快速上手webpack4打包工具的使用 - 掘金
webpack运行Babel教程 - 掘金
webpack4.29.6搭建常用功能的环境 - 掘金
【手把手带你配 webpack】第一步, 做一个高级前端工程师 - 掘金
2020年了,再不会webpack敲得代码就不香了(近万字实战) - 掘金
Webpack 设置环境变量的误区 - 掘金
一小时的时间,上手 Webpack - 掘金
[webpack]🎉解决chrome无法访问https - 掘金
探索webpack4与webpack5多项目公共代码复用架构 - 掘金
辛辛苦苦学会的 webpack dll 配置,可能已经过时了
Webpack5 上手测评
Webpack 原理浅析
Webpack漫谈
webpack devtool篇
从基础到实战 手把手带你掌握新版Webpack4.0 - 掘金
手写webpack核心原理,再也不怕面试官问我webpack原理
webpack4 Cannot find module '@babel/core' - CSDN博客
webpack打包,es6语法报错,解决方案(包括es6扩展运算符报错) - CSDN博客
入坑 webpack4.0+ 文件打包_by_一把健 - qq_39446719的博客 - CSDN博客
webpack中output之path和publicPath详解 - 祥哥的说 - CSDN博客
[译] Webpack 前端构建集成方案 - web前端学习 - SegmentFault 思否
javascript - webPack打包多个项目如何让生成的静态资源到每个项目的当前的目录而不是公共静态资源目录?, - SegmentFault 思否
webpack 的文章 - SegmentFault 思否
webpack 教科书式入门教程 - 夹生饭 - SegmentFault 思否
GitChat · 前端 | webpack 从入门到工程实践 - 个人文章 - SegmentFault 思否
Webpack笔记 - 简书
Webpack——解决疑惑,让你明白 - 简书
Webpack4.x 入门上手实战(2018.08) - 简书
webpack2.0 基本使用 - SamWeb - 博客园
2019最新Webpack4.0教程_哔哩哔哩 (゜-゜)つロ 干杯~-bilibili
10天搞定webpack4.0_哔哩哔哩 (゜-゜)つロ 干杯~-bilibili
webpack详解(一)_哔哩哔哩 (゜-゜)つロ 干杯~-bilibili
从零开始构建一个webpack项目
Webpack5 构建一个大型应用系列 (附 vscode 跟 prettier 配置)
详解webpack中四个基础概念-js教程-PHP中文网
Webpack 2 入门教程 | llp的程序猿之路
M.M.F 小屋
Webpack 核心知识有哪些?

Ant-Tool 简介 | Ant-Tool 简介
脚手架市场
详解前端脚手架开发排坑全指南【前端提效必须上干货】
精读《如何编译前端项目与组件》 - 掘金
打包工具的配置教程见的多了,但它们的运行原理你知道吗? - 掘金
窥探原理:手写一个 JavaScript 打包器 - 掘金
实现一个简易的模块打包器
构建工具 - 掘金精选 - SegmentFault 思否
前端构建工具整理 - 前端路漫漫 - SegmentFault 思否
如何选择JavaScript构建工具之Babel、Browserify、Webpack、Grunt以及Gulp - 思过崖

¥压缩&解压缩

JSZip

Stuk/jszip: Create, read and edit .zip files with Javascript
JS前端用jszip生成zip压缩包下载 - xudejun的博客 - CSDN博客
Node.js使用jszip实现打包zip压缩包 - 蟹行者 - 博客园

lz-string

pieroxy/lz-string: LZ-based compression algorithm for JavaScript

纯js实现页面上的图片内容打包zip下载 - qq_29101365的博客 - CSDN博客
利用r.js压缩整个项目的JavaScript文件 - Snandy - ITeye博客

¥代码生成

js_tricks

QiShaoXuan/js_tricks: 一些常用的 JS 方法 - some JS methods always by used
关于 About | js tricks

plop

plopjs/plop: Consistency Made Simple

¥静态代码分析插件

ESLint

#ESLint core

#User guide

Getting Started with ESLint - ESLint - Pluggable JavaScript linter
Configuring ESLint - ESLint - Pluggable JavaScript linter
Getting Started with ESLint - ESLint中文
Configuring ESLint - ESLint中文
Command Line Interface - ESLint中文
Documentation - ESLint中文
Integrations - ESLint中文
List of available rules - ESLint中文文档

#Developer guide

Architecture - ESLint - Pluggable JavaScript linter
Contributing - ESLint - Pluggable JavaScript linter
Source Code - ESLint - Pluggable JavaScript linter
Development Environment - ESLint - Pluggable JavaScript linter
Unit Tests - ESLint - Pluggable JavaScript linter
Working with Rules - ESLint - Pluggable JavaScript linter
Working with Plugins - ESLint - Pluggable JavaScript linter
Working with Custom Formatters - ESLint - Pluggable JavaScript linter
Working with Custom Parsers - ESLint - Pluggable JavaScript linter
Shareable Configs - ESLint - Pluggable JavaScript linter
Node.js API - ESLint - Pluggable JavaScript linter
Architecture - ESLint中文
Source Code - ESLint中文
Development Environment - ESLint中文
Contributing - ESLint中文
Unit Tests - ESLint中文
Working with Rules - ESLint中文
Working with Custom Formatters - ESLint中文
Working with Custom Parsers - ESLint中文
Working with Plugins - ESLint中文
Shareable Configs - ESLint中文
Node.js API - ESLint中文

ESLint - Pluggable JavaScript linter
ESLint - Pluggable JavaScript linter - ESLint中文
List of available rules - ESLint - Pluggable JavaScript linter
List of available rules - ESLint中文
List of available rules - ESLint中文
List of available rules - ESLint中文
Maintainer Guide - ESLint - Pluggable JavaScript linter
Maintainer Guide - ESLint中文
ESLint Blog - ESLint中文
ESLint 推荐的rules总结 - 掘金
ESLint 工作原理探讨 - 前端 - 掘金
Eslint 规则说明 - CSDN博客
详解 ESLint 规则,规范你的代码 - 三省吾身丶丶的前端笔记 - SegmentFault 思否
详解 ESLint 规则,规范你的代码_IT资讯_UDN技术社区
ESLint 规则详解(一)
ESLint 规则详解(二) - 知乎
ESLint - 插件化的 JavaScript 代码检测工具 - ESLint中文文档

#ESLint config

#A-G

BooheeFE/eslint-config-booheefe: ESLint config for Boohee FE team.

eslint-config-alloy

AlloyTeam/eslint-config-alloy: Progressive ESLint config for your React/Vue/TypeScript projects

#H-N

#O-T

eslint-config-prettier

prettier/eslint-config-prettier: Turns off all rules that are unnecessary or might conflict with Prettier.
@vue/eslint-config-prettier - npm

eslint-config-standard

standard/eslint-config-standard: ESLint Config for JavaScript Standard Style
JavaScript Standard Style

eslint-config-typescript

@vue/eslint-config-typescript - npm

#U-Z

#ESLint plugin

#A-G

eslint-plugin-compat

amilajack/eslint-plugin-compat: Lint the browser compatibility of your code

#H-N

eslint-plugin-html

BenoitZugmeyer/eslint-plugin-html: An ESLint plugin to extract and lint scripts from HTML files.

eslint-plugin-import

benmosher/eslint-plugin-import: ESLint plugin with rules that help validate proper imports.
olalonde/eslint-import-resolver-babel-root-import: A babel-root-import resolver for eslint-plugin-import

eslint-plugin-jquery

dgraham/eslint-plugin-jquery: Disallow jQuery functions with native equivalents.

eslint-plugin-node

mysticatea/eslint-plugin-node: Additional ESLint's rules for Node.js

#O-T

@typescript-eslint/eslint-plugin

@typescript-eslint/eslint-plugin - npm

eslint-plugin-prettier

prettier/eslint-plugin-prettier: ESLint plugin for Prettier formatting
eslint-plugin-prettier - npm
使用 ESLint + Prettier 简化代码 Review 过程 - 掘金

eslint-plugin-react-hooks

[ESLint] Feedback for 'exhaustive-deps' lint rule · Issue #14920 · facebook/react
eslint-plugin-react-hooks - npm

#U-Z

eslint-plugin-vue

vuejs/eslint-plugin-vue: Official ESLint plugin for Vue.js
eslint-plugin-vue - npm
Available rules | eslint-plugin-vue
Introduction | eslint-plugin-vue

#ESLint parser/parserOptions

@typescript-eslint/parser

@typescript-eslint/parser - npm

eslint-friendly-formatter

royriojas/eslint-friendly-formatter: A simple formatter/reporter for ESLint that's friendly with Sublime Text and iterm2 "click to open file" functionality

typescript-eslint

typescript-eslint/typescript-eslint: Monorepo for all the tooling which enables ESLint to support TypeScript
typescript-eslint/packages/eslint-plugin at v2.26.0 · typescript-eslint/typescript-eslint
typescript-eslint/packages/typescript-estree at master · typescript-eslint/typescript-eslint
typescript-eslint/packages/parser at master · typescript-eslint/typescript-eslint
typescript-eslint/packages/eslint-plugin-tslint at master · typescript-eslint/typescript-eslint
typescript-eslint/packages/eslint-plugin at master · typescript-eslint/typescript-eslint
typescript-eslint/tslint-to-eslint-config: Converts your TSLint configuration to the closest possible ESLint equivalent.

使用 Eslint & standard 规范前端代码 - 掘金
vue项目整合Eslint和stylelint规范代码 - 掘金
vue项目中如何关闭或者自定义eslint规则 - 简书
搞懂 ESLint 和 Prettier - 知乎
从零构建前端 ESLint 工作流(2020手把手版) - 前端野路子 - SegmentFault 思否
【AST篇】手把手教你写Eslint插件
allan2coder/eslint-plugin-syntax-ban: An eslint plugin for ban some JS syntax.

JSLint

reid/node-jslint: The JavaScript Code Quality Tool — for Node.js.
jslint - npm
JSLint: The JavaScript Code Quality Tool

JSHint

jshint/jshint: JSHint is a tool that helps to detect errors and potential problems in your JavaScript code
jshint - npm

JSCS

jscs-dev/node-jscs: JavaScript Code Style checker (unmaintained)
jscs - npm
JSCS

JavaScript Lint

JavaScript Lint

jsonlint

zaach/jsonlint: A JSON parser and validator with a CLI.

js-beautify

beautify-web/js-beautify: Beautifier for javascript
Online JavaScript beautifier

prettier

Prettier
prettier/prettier: Prettier is an opinionated code formatter.
prettier/eslint-config-prettier: Turns off all rules that are unnecessary or might conflict with Prettier.
prettier/prettier-vscode: Visual Studio Code extension for Prettier
Prettier
Options · Prettier
Configuration File · Prettier
Prettier · Opinionated Code Formatter
WebStorm Setup · Prettier
Editor Integration · Prettier
Behind the Scenes: Improving the Repository Infrastructure – React Blog
JsPrettier - Packages - Package Control
Prettier - Code formatter - Visual Studio Marketplace
eslint prettier的配置选项(参数)官网直译 - javascript拾贝 - SegmentFault 思否
如何配置Prettier - 个人文章 - SegmentFault 思否
Prettier 学习笔记 - 简书

polacode

octref/polacode: 📸 Polaroid for your code
Polacode - Visual Studio Marketplace

standard

standard/standard: 🌟 JavaScript Style Guide, with linter & automatic code fixer
standard/RULES.md at master · standard/standard
standard/README-zhtw.md at master · standard/standard
standard/README-zhcn.md at master · standard/standard

TSLint

palantir/tslint: An extensible linter for the TypeScript language
tslint - npm
Roadmap: TSLint -> ESLint · Issue #4534 · palantir/tslint
React Native工程中TSLint静态检查工具的探索之路 - 掘金

textlint

textlint/textlint: The pluggable natural language linter for text and markdown.
textlint/packages/@textlint at master · textlint/textlint
textlint/textlint-plugin-html: HTML support for textlint
Collection of textlint rule · textlint/textlint Wiki

Make linting great again! – Andrey Okonetchnikov – Medium
使用 Eslint + Prettier + husky + lint-staged 提高前端项目质量、统一项目代码风格 - 掘金
JS Nice – JavaScript 代码美化和格式化工具 - 梦想天空(山边小溪) - 博客园

¥项目管理

#monorepo、multirepo

Bazel

Bazel - a fast, scalable, multi-language and extensible build system" - Bazel
Buck: A fast build tool
Bazel - a fast, scalable, multi-language and extensible build system" - Bazel

lerna

lerna/lerna: A tool for managing JavaScript projects with multiple packages.
Lerna · A tool for managing JavaScript projects with multiple packages.
Vue CLI 3结合 Lerna 进行UI框架设计

Workspaces | Yarn
Monorepos Made Simpler with Bit. How to leverage Bit + NPM to simplify… | by Jonathan Saring | Bits and Pieces
What Is a Monorepo? | Perforce
A Guide to Monorepos for Front-end Code | Toptal
Why Lerna and Yarn Workspaces is a Perfect Match for Building Mono-Repos – A Close Look at Features and Performance – Sebastian Weber – Frontend developer who likes learning by teaching
精读《Monorepo 的优势》 - 简书
Monorepo与multirepo区别何在?为什么大公司像谷歌.微软.优步.Neflix.Nike都在Monorepo? - 简书
Monorepo——大型前端项目的代码管理方式 - Haohong 的前端专栏 - SegmentFault 思否
关于 monorepo 的一些尝试 - 知乎
2019年,抛弃 CMake,用 Bazel / Buck 来构建大型项目吧 - 知乎
monorepo - 清水伊梦 - 博客园
Monorepo可能没你想象中那么香……
2020 年,开启现代库的基建学习——从项目演进看前端工程化发展
浅谈monorepo
monorepo 项目改造反思 | 雨落

$引擎、客户端、服务端、设备&环境

¥CPU&GPU

GPU.js

gpujs/gpu.js: GPU Accelerated JavaScript
GPU.js - GPU accelerated JavaScript

¥Device、Domain、IP、OS&环境

¥Device、IP、MAC、操作系统、主机名&机型与方向信息

#区分公网、内网IP

正则表达式验证ip是否是内网ip_运维_yang201610的博客-CSDN博客
【Java】判断IP是否内网(使用正则表达式)_Java_程序猿开发日志【学习永无止境】-CSDN博客
python正则匹配内网IP_Python_思过留痕-CSDN博客
js ip数字与字符转换_JavaScript_嘻嘻哈哈的专栏-CSDN博客
正则表达式 _ 内网IP 过滤_Java_迎难而上-CSDN博客
请教如何使用正则表达式匹配ip地址有效范围-CSDN论坛
求ip段正则表达式验证-CSDN论坛
判断一个IP地址是否为内网IP_Java_javalfans的专栏-CSDN博客
192.168.和10.0.开头的IP、内网IP段、IP简介、分类——(IP观止)_网络_透明大脑-CSDN博客
如何检查IP是否为内网IP_数据库_caiqiiqi-CSDN博客
分辨IP是公网IP还是内网IP的方法-oray贝锐科技花生壳官网
如何判断家里宽带ip是公网ip还是内网ip-百度经验

current-device

current-device
matthewhudson/current-device: The easiest way to write conditional CSS and/or JavaScript based on device operating system (iOS, Android, Blackberry, Windows, Firefox OS, MeeGo), orientation (Portrait vs. Landscape), and type (Tablet vs. Mobile).

device.js

borismus/device.js: Semantic client-side device detection with Media Queries
device.js

mobile-detect.js

hgoebl/mobile-detect.js: Device detection (phone, tablet, desktop, mobile grade, os, versions)
mobile-detect.js | Device detection (phone, tablet, desktop, mobile grade, os, versions)
mobile-detect - npm

os-detection · GitHub Topics
device-detection · GitHub Topics
JavaScript 判断 iPhone X Series 机型 - 掘金
JS获取客户端IP地址、MAC和主机名的7个方法汇总_javascript技巧_脚本之家

¥环境

environment-variables

dwyl/learn-environment-variables: 📝Learn how to use Environment Variables to keep your passwords and API keys secret. 🔐
conditionizr/conditionizr: Conditional JavaScript, CSS, callbacks and classNames for environments.
jeresig/env-js: A pure-JavaScript browser environment.

Nunchuck.js

Nunchuck.js - 轻松实现多个设备的数据同步 - 梦想天空(山边小溪) - 博客园

os.js

OS.js – 开源的 Web OS 系统,赶快来体验 - 梦想天空(山边小溪) - 博客园

jpillora/xdomain: A pure JavaScript CORS alternative

¥浏览器

检测浏览器、UserAgent

browser

mumuy/browser: Useragent analysis tool.浏览器分析判断工具 - 用户代理、操作系统信息

bowser

lancedikson/bowser: a browser detector

Mobile-Detect

serbanghita/Mobile-Detect: Mobile_Detect is a lightweight PHP class for detecting mobile devices (including tablets). It uses the User-Agent string combined with specific HTTP headers to detect the mobile environment.

ua-device

fex-team/ua-device: userAgent解析库
ua-device.js - ua-device.js

ua-parser-js

faisalman/ua-parser-js: UAParser.js - JavaScript library to detect browser, engine, OS, CPU, and device type/model from userAgent string. Supports browser & node.js environment. Also available as jQuery/Zepto plugin, Bower/Meteor package, RequireJS/AMD mo

检测过时浏览器

Outdated Browser

判断浏览器类型及版本

JavaScript判断浏览器类型及版本(整理) - sunny的专栏 - CSDN博客
2016年最常见浏览器的 UA(User Agent/用户代理)目测很全面 - AE博客|墨渊
JavaScript获取浏览器类型与版本 - 孤傲苍狼 - 博客园

ray-lothian/UserAgent-Switcher: UserAgent Switcher is a browser extension to spoof & mimics User-Agent strings
user-agent-parser · GitHub Topics
browser-detection · GitHub Topics
useragent · GitHub Topics
Browser detection using the user agent - HTTP | MDN
用户代理检测与浏览器Ua详细分析 - 黄映焜 - 博客园
User Agent - HTTP服务器识别OS操作系统 Web浏览器版本的用户代理

判断网页是闲置还是活动

ifvisible.js

serkanyersen/ifvisible.js: [TypeScript port available in beta] Crossbrowser & lightweight way to check if user is looking at the page or interacting with it.
Ifvisible.js by serkanyersen

快速响应页面滚动操作

headroom.js

Hide your header on scroll - Headroom.js
WickyNilliams/headroom.js: Give your pages some headroom. Hide your header until you need it

¥引擎

2D物理引擎

Verlet-js

subprotocol/verlet-js: A simple Verlet physics engine written in javascript

Matter.js – 你不能错过的 2D 物理引擎 - 梦想天空(山边小溪) - 博客园

asm.js

asm.js
asm-js/validator: A reference validator for asm.js.

JS游戏引擎

《游戏编程模式》

munificent/game-programming-patterns: Source repo for the book
tkchu/Game-Programming-Patterns-CN: 《游戏编程模式》中文版
Game Programming Patterns

akihabara

Akihabara
kesiev/akihabara: A game engine for making classic arcade style games using Javascript and HTML5. We're starting moving on a re-organized repo here: https://github.com/akihabara

blockrain.js

Aerolab/blockrain.js: HTML5 Tetris Game for jQuery

Aves

Aves: an HTML & Javascript game engine - Wonderland

boardgame.io

boardgameio/boardgame.io: State Management for Turn-Based Games
boardgame.io - Open-Source Game Engine for Turn-Based Games

CreateJS

EaselJS

CreateJS/EaselJS: The Easel Javascript library provides a full, hierarchical display list, a core interaction model, and helper classes to make working with the HTML5 Canvas element much easier.

Create.js - Make anything editable
CreateJS | A suite of JavaScript libraries and tools designed for working with HTML5
CreateJS | A suite of JavaScript libraries and tools designed for working with HTML5
CreateJS | A suite of JavaScript libraries and tools designed for working with HTML5

Crafty.js

Crafty - JavaScript Game Engine, HTML5 Game Engine
craftyjs/Crafty: JavaScript Game Engine

cocos2d-javascript

ryanwilliams/cocos2d-javascript: An HTML5 / JavaScript port of the Cocos2D graphics engine
Website is not available

clanfx

The ClanFX Javascript Game Engine download | SourceForge.net

cssgameengine

cssgameengine

copperlicht

CopperLicht - JavaScript/WebGL 3D library

enchant.js

enchant.js - A simple JavaScript framework for creating games and apps.
wise9/enchant.js: A simple JavaScript framework for creating games and apps

engine

playcanvas/engine: Fast and lightweight WebGL game engine

famous

Famous/famous: This repo is being deprecated. Please check out http://github.com/famous/engine

gamequeryjs

gameQuery - a javascript game engine with jQuery
onaluf/gameQuery: a javascript game engine with jQuery

gogomakeplay

About Me - GogoMakePlay.com

gamejs

Home
GameJs/gamejs: GameJs is a thin library on top of the HTML canvas element. In addition to the drawing functions it has a set of generally helpful modules for game development.

jsgamesoup

jsgamesoup

J5g3

j5g3 - HTML5 Game Development Tools
j5g3/docma: Javascript documentation tool.

jawsjs

Jaws » HTML5 Javascript game engine / development library

limejs

LimeJS HTML5 Game Framework
digitalfruit/limejs: HTML5 game framework for web and iOS

moleculejs

Molecule JS | Tech and Internet Service Jargon That Sometimes Makes Sense – Tech and Internet Service Jargon

phaser

Phaser - A fast, fun and free open source HTML5 game framework
Tutorial: How to Make Flappy Bird in HTML5 With Phaser 1

quintus

Quintus JavaScript HTML5 Game Engine
cykod/Quintus: HTML5 Game Engine

Starling JS

Starling JS - The Open Source Game Engine for JavaScript

stage.js

shakiba/stage.js: 2D HTML5 rendering engine for game development

TheRenderEngine

bfattori/TheRenderEngine: Currently rewriting in ES6 and removing a lot of old polyfills
Therenderengine by bfattori

turbulenz_engine

turbulenz/turbulenz_engine: Turbulenz is a modular 3D and 2D game framework for making HTML5 powered games for browsers, desktops and mobile devices.

voxel-engine

maxogden/voxel-engine: 3D HTML5 voxel game engine

lmf12/javascript-games: JavaScript 小游戏
GooCreate - Your Technology Companion
Unleashing the Power of 3D Internet | Blend4Web
[ 逻辑锻炼] 用 JavaScript 做一个小游戏 ——2048 (详解版) - 掘金
Popmotion – 小巧,灵活的 JavaScript 运动引擎 - 梦想天空(山边小溪) - 博客园
分享16款基于 HTML5 Canvas 开发的网页游戏 - 梦想天空(山边小溪) - 博客园

quickjs

QuickJS Javascript Engine

快速可靠的实时引擎

Socket.IO 1.0 正式发布,快速可靠的实时引擎 - 梦想天空(山边小溪) - 博客园

HarryChen0506/malyan: JavaScript Canvas 2D engine library
Popmotion – 小巧,灵活的 JavaScript 运动引擎 - 梦想天空(山边小溪) - 博客园

¥任务调度

drome

dromejs/drome: JavaScript task runner
Drome · Powerful and easy task runner

$动态资源&静态资源

¥Hash

HashMap

flesler/hashmap: HashMap JavaScript class for Node.js and the browser. The keys can be anything and won't be stringified

jshashes

h2non/jshashes: Fast and dependency-free cryptographic hashing library for node.js and browsers (supports MD5, SHA1, SHA256, SHA512, RIPEMD, HMAC)

object-hash

puleos/object-hash: Generate hashes from javascript objects in node and the browser.

router-hash

jgallen23/routie: a tiny javascript hash router
millermedeiros/Hasher: Browser history manager for rich media websites

字符串哈希函数 - windflying - 博客园

¥Package Manager

apt-get

关于Linux中的apt-get的相关操作及原理 - 兔角与禅 - CSDN博客
apt-get常用命令及工作原理 - mosquito_zm的博客 - CSDN博客
apt 和 apt-get的区别 - liudsl的博客 - CSDN博客
apt-get下载、安装的软件在哪里 - tonytp的专栏 - CSDN博客
【Linux】- apt-get命令 - wangwust - 博客园
CentOS 下安装apt-get - qingchen1984 - 博客园
[Linux] yum和apt-get用法及区别 - 我是小菜鸟 - 博客园
apt与apt-get的区别 - 阿里云

bower

bower/bower: A package manager for the web
Bower — a package manager for the web
API · Bower
bower介绍 - zyx1303031629的博客 - CSDN博客
bower的安装和使用 - ahaha413525642的博客 - CSDN博客
使用Bower进行前端依赖管理 - 像少年啦飞驰、 - 博客园
Web 前端开发的包管理工具 bower 快速入门 - 志文工作室

brew

homebrew-cask

Homebrew/homebrew-cask: 🍻 A CLI workflow for the administration of macOS applications distributed as binaries

Homebrew/brew: 🍺 The missing package manager for macOS (or Linux)
The missing package manager for macOS (or Linux) — The missing package manager for macOS (or Linux)

Chocolatey

Chocolatey
chocolatey/choco: Chocolatey - the package manager for Windows
Chocolatey Software | Chocolatey - The package manager for Windows
Chocolatey - The package manager for Windows
Chocolatey Software | Packages
Chocolatey Software Docs | Commands
Installation
Chocolatey Gallery | chocolatey
下载Chocolatey(windows) - 简书
Installing Chocolatey - 沧海一滴 - 博客园
(2 封私信 / 80 条消息) Chocolatey - 知乎
Chocolatey软件包管理器 - PowerShell 中文博客
Chocolatey 使用
Chocolatey - 教程中心 - 阿里云
使用Chocolatey - 51CTO.COM

CPM

cevio/cpm: A Lightweight NPM Private Active Management Service.We don't design a scheme to synchronize to local caching. We only focus on building private active CRUDs that are compatible with NPM public package downloads.
CPM
CPM - 轻量的NPM私有源程序搭建 - 掘金

component

componentjs/component: frontend package manager and build tool for modular web applications
componentjs/guide: A Guide to Component

duojs

duo - npm
DUO - Lifetime Technology and Gadget Master
Duo——下一代前端包管理器 – FED实验室 - 专注WEB端开发和用户体验
Duojs.com Analytics - Market Share Stats & Traffic Ranking
Duo js 一个非常酷的前端打包工具 - 司徒正美 - 博客园
duo-JavaScript中文网-JavaScript教程资源分享门户

jspm

jspm/jspm-cli: Package management CLI
jspm.io - Native ES Modules CDN
jspm.org - Browser Package Manager
jspm入门 - 汪喆_Jack的博客分享 - CSDN博客
jspm的使用 - 前端课堂 - SegmentFault 思否
React 和ES6 之JSPM的使用(第五部分) - 从零到壹全栈部落 - IT界逻辑思维 - SegmentFault 思否
jspm & SystemJS 教程 - 简书
07、React系列之--使用jspm管理 - 简书
jspm 安装试用 - 荣锋亮 - 博客园
jspm - jhhu - 博客园

Nuget Package Manager

NuGet Gallery | Home
NuGet 包管理器用户界面参考 | Microsoft Docs
NuGet Package Manager - Visual Studio Marketplace
NuGet 包管理器控制台指南 | Microsoft Docs
安装 NuGet 客户端工具 | Microsoft Docs
NuGet — 使用 NuGet 管理项目库
VSCode中Nuget Package Manager扩展插件的使用 - liwan09的博客 - CSDN博客
NuGet学习笔记(转) - tiasys - 博客园
NuGet的安装和使用 - 天国里的牵挂 - 博客园
Package Management for Private & Public Feeds & Repositories | MyGet

npmjs

npm core

#About npm

About npm | npm Docs

#Getting started

Getting started | npm Docs
Getting started | npm Documentation
How to Use npm as a Build Tool

#Packages and modules

Packages and modules | npm Docs
Packages and modules | npm Documentation
前端工程化 - 剖析npm的包管理机制(完整版)

#Integrations

Integrations | npm Docs
Integrations | npm Documentation

#Organizations

Organizations | npm Docs
Orgs | npm Documentation

#npm Enterprise

npm Enterprise | npm Docs
npm Enterprise | npm Documentation

#CLI documentation

#CLI Commands

npm cache

npm-cache | npm Documentation

npm config

https://registry.npmjs.org
npm-config | npm Documentation
npm-config | npm Documentation
npmrc | npm Documentation

npm install

npm-install | npm Documentation
npm install 原理分析
npm install 多个数据源的 包。 - VinceGod - 博客园

npm link

module: add --preserve-symlinks command line flag by jasnell · Pull Request #6537 · nodejs/node
npm-link | npm Documentation
npm link - 简书
npm link 和 peerDependencies 的问题 - 简书
npm link的使用 - 简书
npm link,你不知道的npm模块调试技巧 - JamesView的个人空间 - OSCHINA
npm link中文文档 - 潇湘待雨 - 博客园
npm link用法总结 - 看风景就 - 博客园

npm pack

npm-pack | npm Documentation
pack | npm 中文文档
npm-pack-zip - npm

npm publish

npm-publish | npm Documentation
npm publish Failed PUT 402 - Stack Overflow
publish npm包到npmjs遇到的错误 - Postbird - 招猫逗狗的开发者

npm scripts

concurrently

kimmobrunfeldt/concurrently: Run commands concurrently. Like `npm run watch-js & npm run watch-less` but better.

RyanZim/awesome-npm-scripts: Everything awesome related to npm scripts and using npm as a build tool.
scripts | npm 中文文档
npm-scripts | npm Documentation
npm-run-script | npm Documentation
run-script | npm 中文文档
npm-test | npm Documentation
npm-start | npm Documentation
npm-restart | npm Documentation
npm-stop | npm Documentation
npm script 小书(常用知识总结...) - 掘金
npm script 为什么选择她 - 掘金
npm script 一见钟情 - 掘金
npm script 多命令的运行 - 掘金
npm script 参数的使用 - 掘金
npm script 钩子的使用 - 掘金
npm script 环境变量的使用 - 掘金
npm script 跨端兼容的实现 - 掘金
npm script 命令补全的实现 - 掘金
npm script 的文件监听和自动刷新 - 掘金
npm script 复杂场景的应用 - 掘金
npm script 应用在 git hooks 中 - 掘金
npm script 的实践 - 掘金
npm scripts 使用指南 - 阮一峰的网络日志
npm scripts 使用指南(阮一峰)_运维_weiqing的博客-CSDN博客
Nodejs-npm run (npm run-script)命令的传参数_JavaScript_风吹草动的博客-CSDN博客
npm script 参数的使用_weixin_33938733的博客-CSDN博客
执行当前目录下的npm包而不是全局的npm包_JavaScript_凡事预则立,不预则废-CSDN博客
向 npm 脚本传入参数 - 的回答 - SegmentFault 思否
javascript - 向 npm 脚本传入参数 - SegmentFault 思否
实例详解带参数的 npm script_javascript技巧_脚本之家
npm scripts 常用规范总结 - htoooth - 博客园
npm Scripts使用教程【译】 - 梦1106 - 博客园
向NPM脚本发送命令行参数_慕课猿问
npm scripts : 每个前端开发都应知道的一些使用提示-WEB前端开发
npm scripts 使用指南
npm scripts 里的命令间怎么传参呢 - V2EX
NPM Script的14条技巧

npm unpublish

npm-unpublish | npm Documentation

npm version

version | npm 中文文档
npm-semver | npm Documentation
npm version常用命令及用法示例_网络_奋斗的小绿萝-CSDN博客
npm version使用方法 major | minor | patch | premajor | preminor | prepatch | prerelease - 简书

CLI Commands | npm Docs
npm-dist-tag | npm Docs

#Configuring npm

package.json

browserslist

browserslist/browserslist: 🦔 Share target browsers between different front-end tools, like Autoprefixer, Stylelint and babel-preset-env
browserslist/browserslist: 🦔 Share target browsers between different front-end tools, like Autoprefixer, Stylelint and babel-preset-env
Browserslist
browserslist - npm
Browserslist (@Browserslist) | Twitter

peerDependencies & devDependencies & dependencies

探讨npm依赖管理之peerDependencies - wonyun - 博客园
Peer Dependencies | Node.js
node.js - Why use peer dependencies in npm for plugins? - Stack Overflow

package-lock.json

package-lock.json | npm Docs
package-lock.json | npm Docs
npm-package-lock.json | npm Documentation
package-lock.json和yarn.lock是您最好的朋友 - 掘金
项目中使用package-lock.json锁版本问题 - weixin_33813128的博客

conventional-changelog/get-pkg-repo: Get repository user and project information from package.json file contents.
package.json | npm Docs
package.json | npm Docs
npm-package.json | npm Documentation
npm-package.json | npm Documentation
npm-package.json | npm Documentation
npm-package.json | npm Documentation
spdx - npm
SPDX License List | Software Package Data Exchange (SPDX)
BundlePhobia ❘ cost of adding a npm package
"npm install --save" No Longer Using Tildes
Here’s what you need to know about npm 5 - Pusher Blog
前端汇总系列:npm依赖(构建编译) - 掘金
前端汇总系列:npm依赖(框架平台) - 掘金
前端汇总系列:npm依赖(类库工具) - 掘金
package.json的所有配置项及其用法,你都熟悉么 - 掘金
npm 常用配置 - 掘金
对npm包精准控制之npm-shrinkwrap.json与package-lock.json - 掘金
2018 年了,你还是只会 npm install 吗? - 掘金
nodejs 中的依赖管理 - 掘金
浅聊前端依赖管理及优化(上) - 掘金
了解脱字符 npm 中(^)的作用吗 - 掘金
package.json详解 - 掘金
重新认识 package.json
(译)package.json详解 - nullcc - 博客园

Configuring npm | npm Docs
install | npm Docs
folders | npm Docs
npmrc | npm Docs
package-locks | npm Docs
shrinkwrap.json | npm Docs

#Using npm

npm 代理

verdaccio/verdaccio: 📦🔐A lightweight private npm proxy registry
registry | npm Docs
设置npm的registry几种方法_qq_15980201的博客-CSDN博客
npm设置和取消代理的方法_yanzi1225627的专栏-CSDN博客
npm配置镜像、设置代理 - MockingBird 博客 - SegmentFault 思否

npm 私有

scope | npm Docs
npm-scope | npm Documentation
scope | npm 中文文档
分分钟教会你搭建企业级的 npm 私有仓库
npm发布私有包_移动开发_zyh0709的博客-CSDN博客
私有npm包下载_JavaScript_weixin_43884350的博客-CSDN博客
一篇文章解决npm私有包频繁开发调试 - 汤姆C - SegmentFault 思否
npm 私有模块的3种方法 - 简书
私有npm包发布流程 - 简书
内网npm私服(verdaccio)搭建及依赖包的上传-慢慢爬的博客-51CTO博客
NPM私有包部署到私有仓库 - 苍青浪 - 博客园
npm 安装私有 git 包 - 无梦灬 - 博客园
npm 私有模块的管理使用 - 简道 - 博客园
使用私有包 (私有包) - npm 中文开发手册 - 开发者手册 - 云+社区 - 腾讯云
私有npm包的实例详解-js教程-PHP中文网

Using npm | npm Docs
config | npm Docs
semver | npm Docs
scripts | npm Docs
orgs | npm Docs
disputes | npm Docs
developers | npm Docs
removal | npm Docs

Workspaces

workspaces | npm Docs

CLI documentation | npm Documentation
CLI documentation | npm Docs

npm/npm: a package manager for javascript
npm
npm 中文文档 | npm 中文网
npm Documentation
npm
npm forum
About npm | npm Documentation
入门 · NPM 中文文档 · 看云
RunKit
npm
npm/cli: the package manager for JavaScript

npm libs、modules、plugins&tools

#A-G

cross-spawn

moxystudio/node-cross-spawn: A cross platform solution to node's spawn and spawnSync
IndigoUnited/node-cross-spawn-async: A cross platform solution to node's spawn
zentrick/cross-spawn-promise: Promisified cross-spawn.
mafintosh/npm-execspawn: Spawn locally installed npm dependencies with cross platform env and argument parsing support
cross-spawn - npm

del

sindresorhus/del: Delete files and directories
del - npm

dracupid/global-npm: Require global npm as a local node module.

#H-N

npm-size

egoist/npm-size: Get the install size of an npm package.

node_modules

node_modules
node_modules 困境 - 知乎

npmcomponent

npmcomponent (npm <3 component)
airportyh/npmcomponent: Scripts to make Component modules available to NPM/Browserify users.
component/dialog: Dialog component

npm-expansions

npm/npm-expansions: Send us a pull request by editing expansions.txt
npm-expansions - npm

#O-T

progress-estimator

bvaughn/progress-estimator: Logs a progress bar and estimation for how long a Promise will take to complete

patch-package

ds300/patch-package: Fix broken node modules instantly 🏃🏽‍♀️💨

#U-Z

#Any

kind-of

jonschlinkert/kind-of: Get the native JavaScript type of a value, fast. Used by superstruct, micromatch and many others!
kind-of - npm

typeof

CodingFu/typeof: node module extending typeof functionality
typeof - npm

type-of

type-of - npm

#cli

emma-cli

maticzav/emma-cli: 📦 Terminal assistant to find and install node packages.

ntl

ruyadorno/ntl: Npm Task List: Interactive cli menu to list/run npm tasks
ntl - npm

relix

PengJiyuan/relix: 一个连版本号都准确帮你生成的全自动 NPM 包发布工具.
relix - npm

#config

@zkochan/npm-conf - npm
@yoitsro/lerna-npm-conf - npm
@lerna/npm-conf - npm
npm-config - npm
npm-config-arguments - npm
local-npm-config - npm
npm-package-json-lint-config-tc - npm
npm-package-json-lint-config-default - npm
npm-conf - npm

#commands

cnpm

cnpm/cnpm: cnpm: npm client for China mirror of npm
cnpmjs.org: Private npm registry and web for Company
node安装cnpm代替npm - CSDN博客
安装cnpm - CSDN博客
npm介绍与cnpm介绍 - Jancy1072的博客 - CSDN博客
修改npm镜像源让安装提速 - 清风阁 - CSDN博客
全局安装cnpm - kaleozhou - 博客园
安装npm及cnpm(Windows) - 悠鸣海 - 博客园
NPM镜像-NPM下载地址-NPM安装教程-阿里巴巴开源镜像站

is-npm

sindresorhus/is-npm-cli: Check if your code is running as an npm script
is-npm - npm

npm-run

timoxley/npm-run: Run locally-installed node module executables.
npm-run - npm

npm-run-all

mysticatea/npm-run-all: A CLI tool to run multiple npm-scripts in parallel or sequential.
npm-run-all - npm

npx

zkat/npx: execute npm package binaries
npx - npm
npx 使用教程 - 阮一峰的网络日志
【译】npx简介:一种npm包的执行器 - zhulin2609 - CSDN博客
非常好用的 npx!!! - webpack+vue+es6 - CSDN博客
npx命令介绍 - lxz - SegmentFault 思否
npx 是什么? - 简书
npx & yarn - 简书
npx - 简书
npx:一个npm包执行器 - MF孟飞 - 博客园
npx是什么 · 夭幻境地

nvm

nvm-sh/nvm: Node Version Manager - POSIX-compliant bash script to manage multiple active node.js versions
coreybutler/nvm-windows: A node.js version management utility for Windows. Ironically written in Go.
creationix/nvm: Node Version Manager - Simple bash script to manage multiple active node.js versions
nullivex/nodist: Natural node.js and npm version manager for windows.
Home | NVM
Installing Multiple Versions of Node.js Using nvm - SitePoint
nvm 的安装以及使用 - allanGold的博客 - CSDN博客
Windows下安装及使用NVM - 安歌 - CSDN博客
使用nvm管理多版本Node - 简书
安装node版本管理工具之NVM - 简书
nvm介绍及使用 - 简书
nvm和nodejs安装使用 · nvm,nodejs和npm安装使用 · 看云
关于在window 中安装nvm - 还不会游泳的鱼 - 博客园
node的版本控制之nvm的安装与使用 - 化身西湖云 - 博客园
正确的安装和使用nvm - cllgeek - 博客园

rimraf

isaacs/rimraf: A `rm -rf` util for nodejs

scripts

npm-scripts/scripts: Collection of useful npm-scripts!

ericclemmons/per-env: Clean up your package.json with per-NODE_ENV npm scripts
@lerna/npm-run-script - npm
@lerna/run - npm
@yoitsro/lerna-npm-run-script - npm
@yoitsro/lerna-run - npm
@redisrupt/better-npm-run - npm
@delucis/if-env - npm
npm-run-script - npm
npm-run-script-chain - npm
runscript - npm
npm-quick-run - npm
exec-npm - npm
exec-npm-install - npm
run-all-the-things - npm
npm-install-package - npm
if-env - npm
NodeJS之npm脚本 - 简书

#environment variables

cross-env

kentcdodds/cross-env: 🔀 Cross platform setting of environment scripts
cross-env - npm
@naholyr/cross-env - npm
cross-env-default - npm

env-cmd

toddbluhm/env-cmd: Setting of environment scripts via a file
env-cmd - npm

#Function

keep-func-props

ehmicky/keep-func-props: Wrap a function without changing its name, length and other properties
keep-func-props - npm

mimic-fn

sindresorhus/mimic-fn: Make a function mimic another one
mimic-fn - npm

rename-fn

sindresorhus/rename-fn: Rename a function
rename-fn - npm

rename-function

tunnckoCore/rename-function: Rename a given function. Tries to be cross-platform and guaranteed. Useful when you want to preserve name of bound function.
rename-function - npm

The names of functions in ES6

#git repository

jaz303/git-clone: Clone a git repository
strugee/node-git-clone-or-pull: Ensure a git repo exists on disk and that it's up-to-date
feross/git-pull-or-clone: Ensure a git repo exists on disk and that it's up-to-date
kindofone/github-manager: A globally installed npm package to manage, update and clone personal and organizational Github repositories.
tunnckoCore/opensource: Delivering delightful digital solutions. Open Source packages with combined ~61M/month downloads, semantically versioned following @conventional-commits. Fully powered by Jest, @Babel TypeScript, @Airbnb @ESLint + @Prettier, @YarnP
ngeor/clone-all: Automatically clone all your GitHub and Bitbucket Cloud repositories.

#Object

assign-deep

assign-deep - npm
jonschlinkert/assign-deep: Deeply assign the enumerable properties of source objects to a destination object.

copy-props

copy-props - npm
sttk/copy-props: Copy properties deeply between two objects

clone-deep

jonschlinkert/clone-deep: Recursively (deep) clone JavaScript native types, like Object, Array, RegExp, Date as well as primitives. Used by superstruct, merge-deep, and many others!
clone-deep - npm

copy-descriptor

jonschlinkert/copy-descriptor: "description": "Copy a descriptor from object A to object B",
copy-descriptor - npm

define-property

define-property - npm
jonschlinkert/define-property: Define a non-enumerable property on an object.

deepmerge

deepmerge - npm
TehShrike/deepmerge: A library for deep (recursive) merging of Javascript objects

defaults-deep

defaults-deep - npm
jonschlinkert/defaults-deep: Like `extend` but recursively copies only the missing properties/values to the target object.

extend-shallow

extend-shallow - npm
jonschlinkert/extend-shallow: Extend object A with the properties of object B. node.js/javascript util.

just-extend

just-extend - npm

merge-deep

merge-deep - npm
jonschlinkert/merge-deep: Recursively merge values in a JavaScript object.

mixin-object

mixin-object - npm
jonschlinkert/mixin-object: Extend the properties from any number of objects onto the first object. Pass an empty object as the first arg to create a new object.

mixin-deep

mixin-deep - npm
jonschlinkert/mixin-deep: Deeply mix the properties of objects into the first object, while also mixing-in child objects.

omit-deep

omit-deep - npm
jonschlinkert/omit-deep: Recursively omit specified keys from an object.

object.defaults

object.defaults - npm
jonschlinkert/object.defaults: Like `extend` but only copies missing properties/values to the target object.

object-copy

object-copy - npm
jonschlinkert/object-copy: Copy static properties, prototype properties, and descriptors from one object to another

shallow-clone

shallow-clone - npm
jonschlinkert/shallow-clone: Make a shallow clone of an object, array or primitive.

#path

npm-run-path - npm
npm-which - npm
npm-path - npm
executing-npm-path - npm

#update&version

npm-check-updates

tjunnone/npm-check-updates: Find newer versions of package dependencies than what your package.json or bower.json allows

standard-version

standard-version - npm

update-notifier

yeoman/update-notifier: Update notifications for your CLI app

patch-version - npm
run-versions - npm

npm
keywords:front-end - npm search
keywords:backend - npm search
keywords:cli - npm search
keywords:documentation - npm search
keywords:css - npm search
keywords:testing - npm search
keywords:iot - npm search
keywords:coverage - npm search
keywords:mobile - npm search
keywords:framework - npm search
keywords:robotics - npm search
keywords:math - npm search
keywords:Vue Composition api - npm search
keywords:React Reactivity - npm search
keywords:Vue Reactivity - npm search
keywords:Reactivity - npm search
Which of the 635000 npm modules do I choose? – Corey Cleary

npm 资源、整理集&FAQ

npm 资源

apertureless/npm-stats: 📈 npm package statistics dashboard build with vue
npm trends: Compare NPM package downloads

npm 整理集

Node.js 进阶-你应该知道的 npm 知识都在这! | 掘金征文
npm入门(一)—了解基本组成与概念 - 掘金
npm入门(二)—package(包)的管理 - 掘金

npm FAQ

npm i和npm install的区别

npm i和npm install的区别 - chern1992的博客 - CSDN博客
npm i和npm install的区别_前端之路漫漫而远兮,吾将上下而求索-CSDN博客
npm i 和 npm install 的区别 - 简书
npm i和npm install的区别 - 程序员大本营
“ npm install”和“ npm install”之间有什么区别?和“ npm ci”? - IT屋-程序员软件开发技术分享社区
npm i 与 npm install之间的细小区别 - 紫诺花开 - 博客园
npm i 和 npm install 的区别 - 八十易 - 博客园
npm install 原理分析 - 云+社区 - 腾讯云

scripts

你真的了解npm-scripts吗? · Issue #43 · DDFE/DDFE-blog
npm的使用 - 简书

发布npm

如何搭建npm包 - 掘金
详解从 0 发布 react 组件到 npm 上 - 掘金
发布一个npm包,用于监控页面中的所有API请求的状态和结果 - 掘金
[译] 创建并发布一个小而美的 npm 包,没你想的那么难! - 掘金
NPM包(模块)发布、更新、撤销发布 - 掘金
从零实现一套属于自己的UI框架-发布到npm - 掘金
使用 Webpack4.0 打包组件库并发布到 npm - 掘金
使用TypeScript + React发布组件到Npm
webpack4 进阶篇2——npm插件从开发到发布 - 简书
从 0 开始发布一个 react 组件到 npm - 知乎
创建自己的library类库包并使用webpack4.x打包发布到npm - weiqinl - 博客园

版本升级

升级nodejs, npm到某一版本 - liangxw1的专栏 - CSDN博客
nodejs基础: 如何升级Noejs版本 - sruru的专栏 - CSDN博客
npm update常用命令使用 - 爱博子 - 博客园

删除node_modules

怎么删除node_modules文件夹? - CSDN博客
删除node_modules文件夹 - CSDN博客
清除node_modules 缓存 - CSDN博客
清除node_modules 缓存 - L- - CSDN博客
删除node_modules下的无限循环的子文件夹_NewTWG的专栏-CSDN博客

Resolving EACCES permissions errors when installing packages globally | npm Documentation
如何修改 node_modules 里的文件(同事看了直呼内行)
npm 依赖管理中被忽略的那些细节
如何正确使用淘宝npm镜像
更新package.json中的dependencies依赖到最新版本 - Ztw的博客 - CSDN博客
利用npm 安装删除模块 - yihanzhi的博客 - CSDN博客
关于npm run dev和build - 外籍杰克的回答 - SegmentFault 思否
阅读npm run dev命令后的配置项 - 简书
【npm】利用npm安装/删除/发布/更新/撤销发布包 - 彭湖湾 - 博客园
2018 年了,你还是只会 npm install 吗?

nrm

Pana/nrm: NPM registry manager, fast switch between different registries: npm, cnpm, nj, taobao
nrm - npm
nrm安装与配置 - Anway12138的博客 - CSDN博客
nrm- CSDN搜索
nrm安装与配置 - 简书
nrm安装与使用 - 寒爵 - 博客园

pnpm

pnpm/pnpm: 📦🚀 Fast, disk space efficient package manager
pnpm/benchmarks-of-javascript-package-managers: Benchmarks of JavaScript Package Managers
pnpm · Fast, disk space efficient package manager
pnpm · Fast, disk space efficient package manager
pnpm CLI · pnpm
pnpm's strictness helps to avoid silly bugs by @ZoltanKochan
Why should we use pnpm? by @ZoltanKochan
关于现代包管理器的深度思考——为什么现在我更推荐 pnpm 而不是 npm/yarn?

RubyGems

Ruby

Ruby core

ruby/ruby: The Ruby Programming Language [mirror]
airbnb/ruby: Ruby Style Guide
oneclick/rubyinstaller2: MSYS2 based RubyInstaller for Windows
oneclick/rubyinstaller: RubyInstaller for Windows - Build recipes
rvm/rvm: Ruby enVironment Manager (RVM)
rbenv/ruby-build: Compile and install Ruby
aws/aws-sdk-ruby: The official AWS SDK for Ruby.
jasoncharnes/run.rb: Run Ruby in the browser using WebAssembly
rubocop-hq/ruby-style-guide: A community-driven Ruby coding style guide
Ruby Programming Language
RubyInstaller for Windows
Downloads
The Ruby Style Guide

Ruby awesome

markets/awesome-ruby: A collection of awesome Ruby libraries, tools, frameworks and software
Awesome Ruby

Ruby framework&libs&plugins

mruby/mruby: Lightweight Ruby
rmosolgo/graphql-ruby: Ruby implementation of GraphQL
alexreisner/geocoder: Complete Ruby geocoding solution.
ryanb/ruby-warrior: Game written in Ruby for learning Ruby and artificial intelligence.
rubocop-hq/rubocop: A Ruby static code analyzer and formatter, based on the community Ruby style guide.
javan/whenever: Cron jobs in Ruby
fog/fog: The Ruby cloud services library.
aasm/aasm: AASM - State machines for Ruby classes (plain Ruby, ActiveRecord, Mongoid)
opal/opal: Ruby ♥︎ JavaScript
mongodb/mongoid: Ruby ODM framework for MongoDB
fatfreecrm/fat_free_crm: Ruby on Rails CRM platform
JuanitoFatas/fast-ruby: Writing Fast Ruby -- Collect Common Ruby idioms.
ruby-concurrency/concurrent-ruby: Modern concurrency tools including agents, futures, promises, thread pools, supervisors, and more. Inspired by Erlang, Clojure, Scala, Go, Java, JavaScript, and classic concurrency patterns.
elastic/elasticsearch-ruby: Ruby integrations for Elasticsearch
mperham/sidekiq: Simple, efficient background processing for Ruby
googleapis/google-api-ruby-client: REST client for Google APIs
ruby-git/ruby-git: Ruby/Git is a Ruby library that can be used to create, read and manipulate Git repositories by wrapping system calls to the git binary.
whitesmith/rubycritic: A Ruby code quality reporter
rubyzip/rubyzip: Official Rubyzip repository
ffi/ffi: Ruby FFI
cucumber/cucumber-ruby: Cucumber for Ruby
rack/rack: a modular Ruby webserver interface

Ruby 收藏&整理集

HipByte/RubyMotionSamples: A collection of RubyMotion applications for code samples.
dreikanter/ruby-bookmarks: Ruby and Ruby on Rails bookmarks collection

Bundler

rubygems/bundler: Manage your Ruby application's gem dependencies
bundler/bundler: Manage your Ruby application's gem dependencies
Bundler: The best way to manage a Ruby application's gems
Bundler - 简书

rubygems/rubygems: Library packaging and distribution for Ruby.
rubygems/rubygems.org: The Ruby community's gem hosting service.
RubyGems.org | Ruby 社区 Gem 托管
Download RubyGems | RubyGems.org | Ruby 社区 Gem 托管
RubyGems 镜像 - Ruby China
RubyGems 镜像域名更换为 https://gems.ruby-china.com
Ruby RubyGems | 菜鸟教程
gem 安装与使用_ruby,gem_3h3k的博客-CSDN博客
淘宝RubyGems 镜像 - FT的个人空间 - OSCHINA
ruby gem的安装步骤 - xiaofenguo - 博客园
淘宝的ruby镜像已无人维护,使用ruby-china的RubyGems镜像 - levyleo - 博客园

Scoop

Scoop
给 Scoop 加上这些软件仓库,让它变成强大的 Windows 软件管理器 - 少数派
Windows下Scoop安装、配置与使用_luoyooi的博客-CSDN博客_scoop
scoop-extras/bucket at master · lukesampson/scoop-extras
kodybrown/scoop-nirsoft: A Scoop bucket of useful NirSoft utilities
Calinou/scoop-games: Scoop bucket for open source/freeware games and game-related tools
NirSoft - freeware utilities: password recovery, system utilities, desktop utilities
rasa/scoop-directory: A directory of buckets for the scoop package manager for Windows
tapannallan/awesome-scoop: A collection of awesome resources for the scoop package manager for windows
Buckets · lukesampson/scoop Wiki
App Manifests · lukesampson/scoop Wiki
Home · lukesampson/scoop Wiki
lukesampson/scoop: A command-line installer for Windows.

yum

yum - Trac
Yum! Brands – A World with More Yum!
YUM工作原理及使用 - Galaxy的博客 - CSDN博客
yum 命令讲解 - Alan Zhuang的博客 - CSDN博客
yum的使用与配置 - ZhiChao& - 博客园
CentOS下yum命令详解 - Vathe - 博客园
linux yum命令详解 - 廖先生 - 博客园

Yarn

yarnpkg/yarn: 📦🐈 Fast, reliable, and secure dependency management.
yarnpkg/berry: 📦🐈 The active development trunk for Yarn 2 ⚒
Apache Hadoop 2.9.2 – Apache Hadoop YARN
Yarn
Yarn
Yarn
Yarn
Yarn
Documentation | Yarn
Overview | Yarn
Installation | Yarn
Types of dependencies | Yarn
Workspaces in Yarn | Yarn Blog
Yarn 中文文档
中文文档 | Yarn 中文文档
yarn详细入门教程 - 猫老板的豆 - CSDN博客
YARN架构设计详解 - ChavinKing - 博客园
Yarn 命令详解 - 寒爵 - 博客园
Yarn 的 Plug'n'Play 特性

anvaka/pm: package managers visualization
dependency-check-team/dependency-check: checks which modules you have used in your code and then makes sure they are listed as dependencies in your package.json
Libraries.io - The Open Source Discovery Service
你需要知道的包管理器(Package Manager) - 陈希章 - 博客园
Linux软连接和硬链接 - iTech - 博客园

¥Priority Hints

WICG/priority-hints: A browser API to enable developers signal the priorities of the resources they need to download.
Priority Hints

¥Resource Hints

preload · GitHub Topics
prefetch · GitHub Topics
Resource Hints
使用 Preload&Prefetch 优化前端页面的资源加载

¥SourceMap

source-map-explorer

danvk/source-map-explorer: Analyze and debug space usage through source maps
source-map-explorer - npm

JavaScript Source Map 详解 - 阮一峰的网络日志
SourceMap介绍 - 掘金
【webpack】你所不知道的sourceMap - 掘金
Source Map详解-社区博客-网易云
Monorepos Made Simpler with Bit. How to leverage Bit + NPM to simplify… | by Jonathan Saring | Bits and Pieces

¥唯一标识符

hashids.js

niieani/hashids.js: A small JavaScript library to generate YouTube-like ids from numbers.
hashids - npm

nanoid

ai/nanoid: A tiny (145 bytes), secure, URL-friendly, unique string ID generator for JavaScript.

shortid

dylang/shortid: Short id generator. Url-friendly. Non-predictable. Cluster-compatible.

zh.wikipedia.org
JavaScript生成GUID的算法 - snandy - 博客园

¥工具链

rome

facebookexperimental/rome: An experimental JavaScript toolchain

¥动态、异步&缓存加载

basket.js

addyosmani/basket.js: A script and resource loader for caching & loading files with localStorage

TotomInc/loaderz: A very easy-to-use, blazing fast asset-loader using promises. Support older-browsers and preload images, audios and videos.
简单的算法-解决页面脚本异步加载顺序问题 - 掘金
优雅的实现动态加载 css、js - 掘金
javascript中采用jQuery ajax动态加载js文件的解决方法 - CSDN博客
探真无阻塞加载javascript脚本技术,我们会发现很多意想不到的秘密 - 文章 - 伯乐在线
css加载会造成阻塞吗? - 陈陈jg - 博客园
转:按需加载html 图片 css js - stephenykk - 博客园
经验总结:按需加载JS和css - stephenykk - 博客园
jQuery+ajax实现动态加载,局部刷新, - TigerZhang - 博客园
js的并行加载与顺序执行 - Hello.NET - 博客园
实用技巧:使用 jQuery 异步加载 JavaScript 脚本 - 梦想天空(山边小溪) - 博客园
JavaScript 的性能优化:加载和执行

[译]未雨绸缪之:静态资源处理 - 掘金
JS代码如何不被别人看到? - CSDN博客
不可错过的实用前端工具

$JS 资源、整理集&FAQ

$JS 资源

$JS 整理集

《JavaScript 20 年(JavaScript: the first 20 years)》

doodlewind/jshistory-cn: 🇨🇳 《JavaScript 20 年》中文版
JavaScript 20 年
JavaScript: the first 20 years | Proceedings of the ACM on Programming Languages

$JS FAQ

children、childNodes、parentElement&parentNode

parentNode,parentElement,childNodes,children最经典讲解 - qq_36010298的博客 - CSDN博客
parentNode,parentElement,childNodes,children的区别 - 学而不思则罔,思而不学则殆 - CSDN博客
parentElement\parentNode.parentNode.childNodes用法例子 - cindysaj的专栏 - CSDN博客
parentNode、parentElement,childNodes、children 区别 - MIR_zhang的博客 - CSDN博客
Js-parentNode、parentElement,childNodes、children 的区别 - teresa502的专栏 - CSDN博客

Content、HTML、Text&Value

js中的innerHTML,innerText,value的区别 - w965440884的专栏 - CSDN博客
textContent和innerText属性的区别 - dexing07的博客 - CSDN博客
innerHTML outerHTML innerText textContent的区别 - win0032的博客 - CSDN博客
javascript textContent与innerText的异同分析_javascript技巧_脚本之家
JS中innerHTML、outerHTML、innerText 、outerText、value的区别与联系?jQuery中的text()、html()和val() ? - 靥放 - 博客园
原生js修改文本内容 - 麦兜家园 - 博客园

free-variables

javascript - What are free variables? - Stack Overflow
Newest 'free-variable' Questions - Stack Overflow

JS 表单答疑解惑

点击Input框弹出日期选项

点击Input框弹出日期选项 - CSDN博客
简单的js点击弹出选择日期插件代码
antd中Select的defaultValue参数问题 - x!!!的回答 - SegmentFault 思否
defaultValue浅解 - CSDN博客
浅解js中的defaultValue - CSDN博客
input datetime 控件如何设置点击打开日期选择-CSDN论坛
type=‘date’的input标签 - CSDN博客
JavaScript时间与日期_专题_脚本之家

input type=number

input type=number禁止输入小数如何实现-js教程-PHP中文网
请问如何不让type=number的Input,不可输入加号减号和多个小数点? - stephenhuang的回答 - SegmentFault 思否
关于input[type=number]无法获取小数点的问题!!!! - 迹_Jason的回答 - SegmentFault 思否
input type=number的 小数设置 - CSDN博客
type为number的input标签输入小数的方法 - 蓦然回首恍然如梦 - 博客园
input type=number禁止输入小数 - CSDN博客
input type="number" 输入允许小数点后两位 - 何少旭 - 博客园
type为number的input标签输入小数的方法 - CSDN博客
html input的type设置为number后可以输入e - CSDN博客
javascript - 怎样让input type=number不能输入负数 - SegmentFault 思否
限制input[type=number]的输入位数策略整理 - js-coder - 博客园

总结oninput、onchange与onpropertychange事件的使用方法和差别 - 掘金
总结oninput、onchange与onpropertychange事件的用法和区别 - CSDN博客
html中的css和js控制input,textarea文本框自动获取焦点 - CSDN博客
解决浏览器会自动填充密码的问题_javascript技巧_脚本之家
select中无法使用click的处理 - 嗑瓜子儿gf - 博客园
表单中的单文件点击和拖拽上传 - SaBoo - 博客园
总结一下 input propertychange
textarea 输入框限制字数(完美兼容)-Thylx的博客

JS events

单线程, 异步, 事件驱动

js的单线程和异步 - wudipmd - 博客园
javascript 的线程问题,收藏 - Now . Or Never `` - CSDN博客
JavaScript运行原理解析 - 漫长学习路 - CSDN博客
js中的同步和异步的个人理解 - YinghaoGuo的博客 - CSDN博客
浅谈js运行机制(线程) - 逆风飞舞2016的博客 - CSDN博客

ready&onload

细说document.ready和window.onload - 前端路上的小兵 - 博客园
onload、load()、ready()事件和DOMContentLoaded、load的区别 - 简书
DOMContentLoaded 与onload区别以及使用 - hoboStage - 博客园
谈谈document.ready和window.onload的区别 - 香草柠檬 - 博客园
DOMContentLoaded与 onload的区别 - 最初的梦 - ITeye博客
DOMContentLoaded 与onload区别以及使用 - 简书
再谈 load 与 DOMContentLoaded - 掘金

坐标、位移

图解Js event对象offsetX, clientX, pageX, screenX, layerX, x区别 - lzding的博客 - CSDN博客
原生JS与jQuery中事件对象的坐标详解screenX/clientX/pageX/offsetX - weixin_42839080的博客 - CSDN博客
JavaScript 获取鼠标点击位置坐标 - 谦行 - 博客园

事件源

actionscript 3 - Difference between e.target and e.currentTarget - Stack Overflow
原生js面试题:event对象中的target,currentTarget的区别,以及应用_事件委托 - jiang7701037的博客 - CSDN博客
事件对象中target对象和currentTarget对象的区别 - u013746071的专栏 - CSDN博客
阻止事件冒泡,阻止默认事件,event.stopPropagation()和event.preventDefault(),return false的区别 - CSDN博客
target、currentTarget、srcElement - 简书
e.target与e.currentTarget的区别 - 简书
e.target 和 e.srcElement 的使用问题 - horizon~~~ - 博客园
JavaScript tips —— target与currentTarget的区别 - 南辰_k - 博客园
target与currentTarget的区别(jqueryui方式获取z-Index) - 郑星阳 - ITeye博客
事件获取目标 currentTarget target srcElement三者之间的区别和联系-布布扣-bubuko.com

前端基础 — Web事件总结 - 掘金
事件关键词 bind 和 catch 的区别、事件对象 target 和 currentTarget 的差异 - 掘金
如何解决 touchstart 事件与 click 事件的冲突 - 掘金
JS的事件对象与事件机制 - 掘金
浅析window.onscroll=move以及window.onscroll=move()的区别 - CSDN博客
JavaScript中的Event事件对象详解 - 沐枫自然 - CSDN博客
使用原生js手动触发事件 - geek人生 - CSDN博客
JS中手动触发事件的方法 - jiangxiaobo - 博客园
js触发页面resize的功能实现 - 木章 - 博客园

JS 实用技巧

ryanmcdermott/clean-code-javascript: Clean Code concepts adapted for JavaScript
jeasonnow/choiceJs: Use choiceJs instead of if...else...
adrianmcli/js-state-encapsulation: Examples of state encapsulation in Javascript
web前端常用技术点001 - 掘金
JavaScript 语言通识 — 重学 JavaScript
[译] 优秀 JavaScript 开发人员应掌握的 9 个技巧 - 掘金
解决 "Script Error" 的另类思路 - 掘金
重构你的javascript代码 - 掘金
你的 JS 代码本可以更加优雅 - 掘金
编写自己的代码库(javascript常用实例的实现与封装) - 掘金
JavaScriptCore全面解析 - 掘金
JS基础知识深入总结 - 掘金
JavaScript中的这些骚操作,你都知道吗?
JavaScript 秘密花园
路径中的'.'和'..'还有'./'和'../'都是什么意思 - CSDN博客
js的沙箱模式_JavaScript_陈天天-CSDN博客
js中(function(){}()),(function(){})(),$(function(){});之间的区别 - CSDN博客
JavaScript切换特效_专题_脚本之家
JavaScript错误与调试技巧_专题_脚本之家
Jsoup获取全国地区数据属性值(省市县镇村)_java_脚本之家
重构 - 代码优化技巧 - 知乎
最棒的 JavaScript 学习指南(2018版) - 梦想天空(山边小溪) - 博客园
你可能不需要 jQuery!使用原生 JavaScript 进行开发 - 梦想天空(山边小溪) - 博客园
浏览器沙箱模型 - 李某龙 - 博客园
js删除局部变量 - 云+社区 - 腾讯云
JavaScript之禅
这么骚的 js 代码,不怕被揍么
你可能不知道的JS开发技巧
野狗
JavaScript 开发人员需要知道的简写技巧 - 博文 - 手册网

大数据量渲染

每页500条数据的渲染优化思路(1) - 掘金

获取宽高

img宽高

获取img的真实宽高 - 小二什么的 - 博客园
万恶的css(一)img固定宽高问题 - 简书
如何设置html中img宽高相同-css - 一线蓝光 - 博客园
如何设置html中img标签宽高相等? - Rubine的回答 - SegmentFault 思否
图片(img)的等比例自动缩放 - 千千 - CSDN博客
CSS如何设置图片宽度和高度 - DIVCSS5

jquery获取宽高

$(window).height() 和 $(document).height()的区别 - Una容儿 - 博客园
jquery获取元素各种宽高及页面宽高总结 - 古兰精 - 博客园
获取屏幕宽高width(),outerWidth,innerWidth,clientWidth的区别 - 风雨过后见彩虹 - SegmentFault 思否
window.innerWidth以及window.outerWidth的区别 - sinat_32067081的博客 - CSDN博客
Js/Jquery获取网页屏幕可见区域高度 - 王洪宝 - 博客园

offset client scroll

js的onscroll、scrollTop、scrollHeight及window.scroll等方法 - 狂奔的小马扎 - 博客园
搞清clientHeight、offsetHeight、scrollHeight、offsetTop、scrollTop - qq_35430000的博客 - CSDN博客
终于清晰啦!offsetHeight、scrollHeight、clientHeight和offsetTop、scrollTop、clientTop - 特大号虾米的博客 - CSDN博客
js中offsetHeight、clientHeight、scrollHeight等相关属性区分总结 - Demi馨馨 - 博客园
scrollHeight,clientHeight,offsetHeight在火狐、IE、谷歌浏览器下的区别 - 柒玲珑 - 博客园
clientHeight的问题-CSDN论坛
clientHeight在谷歌中的兼容_慕课问答
关于IE 7 兼容 clientHeight问题_已解决_博问_博客园
clientHeight是个问题 - zxiaoc的专栏 - CSDN博客
js的clientHeight和jQuery的innerHeight()的区别及不同浏览器兼容问题 - Y.S.Z - 博客园
兼容各种浏览器的获取clientheight 等参数 - winter_leaf_wei的专栏 - CSDN博客
clientHeight , scrollHeight , offsetHeight之间的区别及兼容方案 - 南山老幺 - 博客园
元素 offset client scroll 相关属性简介 - 掘金

获取元素距离顶部

Jquery获取元素距离文档顶部的距离 - wangcuiling_123的博客 - CSDN博客
js获取页面元素距离浏览器工作区顶端的距离 - 酒香逢 - 博客园
javascript - 怎样使用jQuery获取元素到文档顶部的距离。元素的高度单位为rem。 - SegmentFault 思否
jquery元素到窗口顶部的距离 - qq_23260639的博客 - CSDN博客
js,jquery 获取滚动条高度和位置, 元素距顶部距离 - 草木物语 - 博客园
如何用jquery获得页面元素到窗口顶部的距离?_百度知道
JavaScript获取元素距离文档顶部的距离-蚂蚁部落
jQuery获取div距离窗口顶部或者父元素顶部的距离-蚂蚁部落
jquery怎样获取元素离浏览器可见区顶部的距离,注意不是离文档顶部的距离_百度知道
怎样使用jQuery获取元素到文档顶部的距离。元素的高度单位为rem。 - luzemin的回答 - SegmentFault 思否
js jquery 获取某一元素到浏览器顶端的距离 - genziisme的专栏 - CSDN博客

js 获取浏览器高度和宽度值(兼容多浏览器) - 每天都记录一点点! - CSDN博客
js 获取屏幕各种宽高的方法(浏览器兼容)_javascript技巧_脚本之家
原生js获取元素的宽高 - 向着太阳生 - 博客园
js 获取屏幕各种宽高的方法(浏览器兼容) - 逆转流年 - 博客园
JS,Jquery获取各种屏幕的宽度和高度 - 悄悄的来,匆匆的走 - 博客园

获取元素

js或jquery如何获取父级、子级、兄弟元素(包括祖级、孙级等) - 岁寒

高级属性&方法

gpuweb/WHLSL: Web HLSL
JS中可枚举属性(enumerable)和propertyIsEnumerable() - 痦子的博客 - CSDN博客
OMG,这些鲜为人知的JavaScript 特性! - 终身学习者 - SegmentFault 思否
JS中的hasOwnProperty()、propertyIsEnumerable()和isPrototypeOf()_javascript技巧_脚本之家
js中propertyIsEnumerable()方法使用介绍 - 码农何时 - 博客园
JS中的可枚举属性与不可枚举属性以及扩展 - 风雨后见彩虹 - 博客园
bannedit's musings – Virtual Machine Detection In The Browser

大前端

$大前端 core

Reason

reasonml/reason: Simple, fast & type safe code that leverages the JavaScript & OCaml ecosystems
Reason · Reason lets you write simple, fast and quality type safe code while leveraging both the JavaScript & OCaml ecosystems.
ReasonML——新的前端强类型语言简介

$大前端 frameworks、libs&plugins

$Deno

¥Deno core

denoland/deno: Runs JavaScript and TypeScript in the command-line
denoland/deno_std: deno standard modules
denoland/deno_install: Deno Binary Installer
denoland/registry
deno/Docs.md at master · denoland/deno
Deno
https://deno.land/x/
"deno" | deno
Deno 核心指南 · 语雀
Manual | Deno

¥Deno 资源、整理集&FAQ

Deno 资源

denolib/awesome-deno: 🎉A curated list of awesome things related to Deno
Deno 并不是下一代 Node.js - Go语言中文网 - Golang中文社区
通俗易懂的 Deno 入门教程

Deno 整理集

Deno FAQ

Fen - 基于deno的简单Typescript Web框架 - 掘金
我为 VS Code 开发了一个 Deno 插件 - 掘金
手把手教你从Node快速迁移到Deno
Deno 运行时入门教程:Node.js 的替代品
Deno的简单运用 | 🏆 技术专题第一期
Deno从入门到跑路 | 🏆 技术专题第一期征文

$Desktop、Hybrid、Hypertext、Native&Web APP

¥渐进式网页应用(Progressive Web App,PWA)

lavas

Lavas
lavas-project/lavas: 基于 Vue 的 PWA 解决方案,帮助开发者快速搭建 PWA 应用,解决接入 PWA 的各种问题
Lavas | 基于 Vue 的 PWA 完整解决方案

pwa

lukeed/pwa: (WIP) Universal PWA Builder

pwa-starter-kit

Polymer/pwa-starter-kit: Starter templates for building full-featured Progressive Web Apps from web components.

PWABuilder

PWABuilder
PWABuilder

Rax

alibaba/rax: 🐰 Rax is a progressive React framework for building universal application. https://rax.js.org
写给跨端玩家:支撑淘宝上亿日活的跨端框架—— Rax 的入门教程(附 TODO Demo)

sapper

sveltejs/sapper: Military-grade progressive web apps, powered by Svelte
Sapper • Military-grade progressive web apps, powered by Svelte
Sapper • The next small thing in web development

vuesion

vuesion/vuesion: The most complete boilerplate for production-ready PWAs. With focus on performance, development speed, and best practices

paulhoughton/react-pwa: Material Design Progressive Web App React starter kit
lavas-project/pwa-book: 这是一本 PWA 相关的书籍
tastejs/hacker-news-pwas: HNPWA - Hacker News readers as Progressive Web Apps 📱
PWA
PWA Starter Kit
PWA(Progressive Web App)入门系列:Cache Storage & Cache - 掘金
【PWA】关于PWA的实操以及使用经验总结_NeverYu-CSDN博客
PWA是移动开发的未来吗?

¥单页应用(Single Page Application,SPA)

inertia

inertiajs/inertia: Inertia.js lets you quickly build modern single-page React, Vue and Svelte apps using classic server-side routing and controllers.

senna.js

liferay/senna.js: A blazing-fast Single Page Application engine
Senna.js | Introduction

appjs

appjs/appjs: (Deprecated!) SDK on top of nodejs to build desktop apps using HTML5/CSS/JS
sihorton/appjs-deskshell: SDK to build desktop apps using HTML5/CSS/JS for frontend and server script for backend
Home · appjs/appjs Wiki
AppJS
App.js 让移动应用更简单 | 菜鸟教程
AppJS首页、文档和下载 - 开发桌面应用的 JS 库 - 开源中国
WebApp UI框架App.js的入门介绍和使用手册 - 25学堂

Chromium Embedded Framework,CEF

chromiumembedded/cef: Chromium Embedded Framework (CEF) official mirror. A simple framework for embedding Chromium-based browsers in other applications.
chromiumembedded / cef — Bitbucket

cube.js

cube-js/cube.js: 📊 Cube.js - Open Source Analytics Framework

Dojo

Dojo
dojo/framework: Dojo Framework. A Progressive Framework for Modern Web Apps
dojo/dojo: Dojo 1 - the Dojo 1 toolkit core library.
Dojo
Dojo Toolkit
API Documentation - The Dojo Toolkit Version 1.10
IBM developerWorks 中国 : 学习 Dojo
The Dojo Toolkit - Demos Index
Hyun's Dojo

Electron

#Electron core

electron-react-boilerplate/electron-react-boilerplate: A Foundation for Scalable Cross-Platform Apps
Electron | 使用 JavaScript, HTML 和 CSS 构建跨平台的桌面应用。
Electron 应用 | Electron
Electron React Boilerplate · A Foundation for Scalable Cross-Platform Apps

#Electron frameworks

electron-vue

SimulatedGREG/electron-vue: An Electron & Vue.js quick start boilerplate with vue-cli scaffolding, common Vue plugins, electron-packager/electron-builder, unit/e2e testing, vue-devtools, and webpack.
PanJiaChen/electron-vue-admin: vue electron admin template web: http://panjiachen.github.io/vue-admin-template
SmallRuralDog/electron-vue-music: 基于 electron-vue 开发的音乐播放器,界面模仿QQ音乐,技术栈electron-vue+vue+vuex+vue-router+element- UI。欢迎star
dockeron/dockeron: 🤖🤖🤖 Electron + Vue.js for Docker
bradstewart/electron-boilerplate-vue: Boilerplate application for Electron runtime
nklayman/vue-cli-plugin-electron-builder: A Vue Cli 3 plugin for Electron with no required configuration
L-Chris/vue-design: Be the best website visualization builder with Vue and Electron.
CS-Tao/whu-library-seat: 武汉大学图书馆抢座软件 - 桌面端

fiddle

electron/fiddle: 🚀 The easiest way to get started with Electron

#Electron libs、plugins&tools

electron-debug

sindresorhus/electron-debug: Adds useful debug features to your Electron app

windows-installer

electron/windows-installer: Build Windows Installers for Electron apps

#Electron projects

electron-playground

tal-tech/electron-playground: This is a project to quickly experiment and learn electron related APIs

jspaint

1j01/jspaint: 🎨 Classic MS Paint, REVIVED + ✨Extras

streamlabs-obs

stream-labs/streamlabs-obs: Free and open source streaming software built on OBS and Electron.

nukeop/nuclear: Desktop music player for streaming from free sources
ZyqGitHub1/h-player-v2: 资源采集站在线播放
desktop/desktop: Simple collaboration from your desktop

#Electron 资源、整理集&FAQ

Electron 资源

Electron 整理集

Electron工程踩坑记录 - 掘金

《手摸手Electron + Vue实战教程》

手摸手Electron + Vue实战教程(一)
手摸手Electron + Vue实战教程(二)
手摸手Electron + Vue实战教程(三)
手摸手Electron + Vue实战教程(四)
手摸手Electron + Vue实战教程(五)
手摸手Electron + Vue实战教程(六)

Electron FAQ

想要试试Electron ,不如看看这篇爬坑总结
Electron构建跨平台应用Mac/Windows/Linux - 掘金
如何基于 Electron 开发跨终端的应用
扒一扒迅雷的代码结构

Ember.js

emberjs core

Ember.js
emberjs/ember.js: Ember.js - A JavaScript framework for creating ambitious web applications
Ember.js - Homepage
Ember - 3.1 - Ember API Documentation
Ember.js - Builds
Ember.JS
Ember.js Talks on EmberWatch
Ember Weekly
Ember.js Dashboard
developer | Scoop.it
Join EmberJS Community on Slack!
Ember.js - Guides and Tutorials
emberjs.cn
blog.ddlisting.com

FeipingHunag/ember-todo: a example of rails4 ember 1.0 ember-data 1.0.0beta2
Ember.js 入门指南 (一) - CSDN博客
Day 19: EmberJS 入门指南 - SegmentFault 业界资讯 - SegmentFault 思否

Firebase

Firebase

Hyperapp

jorgebucaran/hyperapp: The tiny framework for building hypertext applications.
waylybaye/HyperApp-Guide: HyperApp user's manual
jorgebucaran/hyperapp-router: Declarative routing for Hyperapp V1 using the History API.
jorgebucaran/hyperawesome: A curated list of awesome projects built with Hyperapp & more.

NativeScript

NativeScript/NativeScript: NativeScript is an open source framework for building truly native mobile apps with JavaScript. Use web skills, like Angular and Vue.js, FlexBox and CSS, and get native UI and performance on iOS and Android.
Native mobile apps with Angular, Vue.js, TypeScript, JavaScript - NativeScript
NativeScript
Native mobile apps with Angular, Vue.js, TypeScript, JavaScript - NativeScript

meteor

meteor/meteor: Meteor, the JavaScript App Platform
Build Apps with JavaScript | Meteor
Meteor API Docs | Meteor API Docs
Install the Latest Version of Meteor | Meteor
Tracker | Meteor API Docs

now

Flotype/now: NowJS makes it easy to build real-time web apps using JavaScript
zeit/now-cli: The command-line interface for Now
Now - ZEIT
Now for GitLab - ZEIT
Now for GitHub - ZEIT

NW.js

nwjs/nw.js: Call all Node.js modules directly from DOM/WebWorker and enable a new way of writing applications with all Web technologies.
NW.js
Homepage - NW.js Documentation

nx-js

NX framework
nx-js/framework: A modular front-end framework - inspired by the server-side and Web Components.
nx-js/observer-util: Transparent reactivity with 100% language coverage. Made with ❤️ and ES6 Proxies.
mseddon/preact-nx-observer: A simple preact decorator for @nx-js/observer-util
The structure of NX | NX Docs

Onsen UI

OnsenUI/OnsenUI: Mobile app development framework and SDK using HTML5 and JavaScript. Create beautiful and performant cross-platform mobile apps. Based on Web Components, and provides bindings for Angular 1, 2, React and Vue.js.
Onsen UI 2: Beautiful HTML5 Hybrid Mobile App Framework and Tools - Onsen UI
React UI Components by Onsen UI Hybrid Mobile App Framework - Onsen UI

poi

egoist/poi: ⚡A zero-config bundler for JavaScript applications.

Svelte

sveltejs/svelte: Cybernetically enhanced web apps
Svelte • Cybernetically enhanced web apps
Svelte • 既是构建 Web 应用程序的框架,又是一个组件编译器 | Svelte 中文网
Svelte中文文档

Vuido

mimecorg/vuido: Native desktop applications using Vue.js.

Weex

alibaba/weex: A framework for building Mobile cross-platform UI
joggerplus/awesome-weex: A curated list of awesome Weex guides, articles, sites, tools, projects and resources.
apache/incubator-weex: Mirror of Apache Weex
weexteam/weex-vue-render: Web renderer for weex project written in Vue DSL.
weex-toolkit - npm
WEEX
Getting Started | Weex
What is Weex? | WEEX
Weex Variable | WEEX

t3js

box/t3js: A minimal component-based JavaScript framework
T3 JavaScript Framework - T3 JavaScript Framework
T3框架:简化大型JavaScript应用创建 - Q,传 - CSDN博客
T3:为创建大型JavaScript应用而打造的开源前端库

nstudio/xplat: Cross-platform (xplat) tools for Nx workspaces https://nstudio.io/xplat
【必读】前端需要懂的 APP 容器原理 - 掘金
从 SPA 到 PWA - 前端 - 掘金
桌面端混合开发总结
5个主流跨端框架区别对比_AT弄潮儿-CSDN博客_多端框架
H5 手机 App 开发入门:概念篇 - 阮一峰的网络日志
【必读】前端需要懂的 APP 容器原理

$Flutter

Flutter core

flutter/website: Flutter web site
flutter/flutter: Flutter makes it easy and fast to build beautiful mobile apps.
flutter_statusbar_manager | Flutter Package

Flutter 资源、整理集&FAQ

Flutter 资源

Solido/awesome-flutter: An awesome list that curates the best Flutter libraries, tools, tutorials, articles and more.
[译] Flutter: 图解 Row 与 Column 部件 · Issue #11 · Weiyu-Chen/blog
[译] Flutter: 图解 Container 部件 · Issue #10 · Weiyu-Chen/blog
使用 redux 管理 flutter 应用数据 · Issue #47 · riskers/blog
781238222/flutter-do: 旨在帮助初学者快速入门、收集学习资源

Flutter 整理集

基于Flutter Canvas的飞机大战(一) - 掘金
基于Flutter Canvas的飞机大战(二) - 掘金
Flutter 44集免费基础视频教程 - 掘金
Flutter仿写单读App介绍与总结 - 掘金
Flutter-国际化适配终结者 - 掘金
Flutter 组件总结 - 掘金

Flutter FAQ

Flutter早知道 - Named Router可以传参了! - 掘金
用前端 最舒服的躺姿 "搞定" Flutter (组件篇) - 掘金
手把手教你在Flutter项目优雅的使用ORM数据库 - 掘金
bugly的flutter版已完成,欢迎使用 - 掘金
Flutter Widget 静态布局实战 - 掘金
为前端工程师准备的 Flutter 入门指南 - 知乎
谈谈 Flutter 中的请求和异步 - 知乎
让我们在2019年重新认识 Flutter - 知乎
为什么Flutter会选择 Dart ? - InfoQ
阿里集团内如何进行Flutter体系化建设?

huangjianke/flutter_easyloading: ✨A clean and lightweight Loading widget for Flutter App, easy to use without context, support iOS and Android
simplezhli/flutter_remote_control: flutter remote control

$full-stack programming language

imba

imba/imba: 🐤 The friendly full-stack language

$HTML、HTML5 frameworks

egret

egret-labs/egret-core: Egret is a brand new open mobile game and application engine which allows you to quickly build mobile games and apps on Android,iOS and Windows.
NeoGuo/html5-documents: All about HTML5 frameworks

framework7

framework7io/framework7: Full featured HTML framework for building iOS & Android apps
framework7

html5-boilerplate

h5bp/html5-boilerplate: A professional front-end template for building fast, robust, and adaptable web apps or sites.

html5bones

iandevlin/html5bones: The HTML5 template that goes back to basics
HTML5 Bones: The template that goes back to basics

Ionic

ionic-team/ionic: Build amazing Native and Progressive Web Apps with web technologies. One app running on everything 🎉
ionic-team/ionic-native: Native features for mobile apps built with Cordova/PhoneGap and open web technologies. Complete with TypeScript support. The successor to ngCordova. Pairs exquisitely with a nice bottle of Ionic Framework.
ionic-team/ionic-framework: A powerful cross-platform UI toolkit for building native-quality iOS, Android, and Progressive Web Apps with HTML, CSS, and JavaScript.
Ionic Documentation
Ionic Framework - Ionic Documentation
ionic2/3 预处理安卓返回键和监听返回键执行自定义操作 - 掘金
Ionic开发App中重要的部分 - 掘金
[译] 5 个可以立刻在你的 Ionic App 中用上的动画包 - 掘金
Ionic - 先进的 HTML5 移动开发框架和 SDK - 梦想天空(山边小溪) - 博客园

| HTML5 Canvas Rich UI JavaScript Library
Brunch - ultra-fast HTML5 build tool
gauge.js
Quintus JavaScript HTML5 Game Engine
Timesheet.js - Open time tables with HTML, JavaScript and CSS …
NoMe » location and weather JavaScript library
gauge.js
JSCapture
Quintus JavaScript HTML5 Game Engine
snaptomato.appspot.com
Bézier Curve (de Casteljau algorithm)
Free Online Banner Maker. Quickly design & create banners in HTML5 & GIF formats
Squire – 简洁的 HTML5 富文本编辑器 - 梦想天空(山边小溪) - 博客园
PixiJS - 基于 WebGL 的超快 HTML5 2D 渲染引擎 - 梦想天空(山边小溪) - 博客园
Waud.js – 使用HTML5降级处理的Web音频库 - 梦想天空(山边小溪) - 博客园
给你推荐10款优秀的 HTML5 动画工具 - 梦想天空(山边小溪) - 博客园
Hyhyhy – 专业的 HTML5 演示文稿工具 - 梦想天空(山边小溪) - 博客园

$Node.js

Node.js core

¥Assert

Assert | Node.js v12.16.1 Documentation
assert 模块 -- JavaScript 标准参考教程(alpha)

¥Async Hooks

Async Hooks | Node.js v12.16.1 Documentation
node/async_hooks.md at master · nodejs/node

¥Buffer

Buffer | Node.js v13.12.0 Documentation
node Buffer模块急速入门 - 掘金

¥Core

#CNode

CNode
cnodejs/nodeclub: Nodeclub 是使用 Node.js 和 MongoDB 开发的社区系统
alexlees/alexlees.github.io: PWA CNode.js社区
CNode:Node.js专业中文社区
CNode:Node.js专业中文社区

#Node.js源码解析

Node内建模块和对象 - 掘金
[NodeJs系列]NodeJs模块机制 - 掘金
[NodeJs系列]Q&A之理解NodeJs中的Event Loop、Timers以及process.nextTick() - 掘金
node源码详解 (一) - 野路子程序员 - 博客园
node源码详解(二 )—— 运行机制 、整体流程 - 野路子程序员 - 博客园
node源码详解(三)—— js代码在node中的位置,process、require、module、exports的由来 - 野路子程序员 - 博客园

Node.js
nodejs/node: Node.js JavaScript runtime
nodejs/nodejs.org: The Node.js website.
nodejs/modules: Node.js Modules Team
Node.js
Node.js
Node.js 中文网
Node.js 中文文档 | Node.js 中文网
Docs | Node.js
Index | Node.js v10.0.0 Documentation
API 文档 | Node.js 中文网
以往的版本 | Node.js
Index of /dist/
淘宝 NPM 镜像

¥C++ Addons

C++ Addons | Node.js v13.12.0 Documentation
C++ Addons | Node.js v13.7.0 Documentation

¥C/C++ Addons with N-API

n-api · GitHub Topics
N-API | Node.js API 文档
N-API | Node.js v13.12.0 Documentation
N-API | Node.js v13.7.0 Documentation
N-API | Node.js v12.14.1 Documentation
如何发布 N-API 包 | Node.js
Newest 'n-api' Questions - Stack Overflow
Node.js 指南(如何发布N-API包) - SegmentFault 思否
写一个N-API没那么难? - 知乎
从暴力到 NAN 再到 NAPI——Node.js 原生模块开发方式变迁 - CNode技术社区
豆米的博客
N-API | Node.js v15.7.0 Documentation

¥Child Process

Child Process | Node.js v13.12.0 Documentation
child_process | Node.js API 文档
Node.js 编写跨平台 spawn 语句_明潮的BLOG-CSDN博客
Node.js中的child_process模块详解_JavaScript_大白与小白-CSDN博客
node.js - node的spawn如何写这个语句 - SegmentFault 思否
Nodejs child_process学习 - 简书
Node.js的进程管理 - 掘金

¥Cluster

Cluster | Node.js v13.12.0 Documentation
cluster | Node.js API 文档
NodeJS Cluster模块源码学习 - 掘金
深入浅出 Node.js Cluster - 掘金

¥Command Line Options

Command Line Options | Node.js v13.12.0 Documentation

¥Console

Console | Node.js v13.12.0 Documentation

¥Crypto

Crypto | Node.js v13.12.0 Documentation
Crypto | Node.js v11.14.0 Documentation
Crypto | Node.js v11.14.0 Documentation
Node 快速学习 crypto 模块 - 掘金

¥Debugger

Debugger | Node.js v13.12.0 Documentation

¥Deprecated APIs

Deprecated APIs | Node.js v13.12.0 Documentation

¥DNS

DNS | Node.js v13.12.0 Documentation

¥Domain

Domain | Node.js v13.12.0 Documentation

¥ECMAScript Modules

ECMAScript Modules | Node.js v13.12.0 Documentation

¥Errors

Errors | Node.js v13.12.0 Documentation

¥Events

Events | Node.js v13.12.0 Documentation
[原] 探索 EventEmitter 在 Node.js 中的实现 - 掘金

¥File System

File System | Node.js v13.12.0 Documentation
Node fs模块学习 - 掘金
node.js中的fs.unlinkSync方法使用说明_node.js_脚本之家
node.js中的fs.unlink方法使用说明_node.js_脚本之家
node.js中的fs.fsync方法使用说明_node.js_脚本之家
node.js中的fs.ftruncate方法使用说明_node.js_脚本之家
node.js中的fs.fsyncSync方法使用说明_node.js_脚本之家
node.js中的fs.writeSync方法使用说明_node.js_脚本之家
node.js中的fs.write方法使用说明_node.js_脚本之家
node.js中的fs.writeFile方法使用说明_node.js_脚本之家
node.js中的fs.writeFileSync方法使用说明_node.js_脚本之家
node.js中的fs.writeFile方法使用说明_node.js_脚本之家
File system | Node.js v15.3.0 Documentation

¥Global Objects

Global Objects | Node.js v13.12.0 Documentation

¥HTTP

HTTP | Node.js v13.12.0 Documentation
在Node.js中发起HTTP请求的5种方法 - 掘金
Node 深入 HTTP 模块 - 掘金
NodeJS Https HSM双向认证实现 - 掘金
Nodejs核心模块之net和http - 掘金

¥HTTP/2

HTTP/2 | Node.js v13.12.0 Documentation

¥HTTPS

HTTPS | Node.js v13.12.0 Documentation

¥io.js

io.js API 中文文档_w3cschool
V8 · io.js API 中文文档 · 看云

¥Inspector

Inspector | Node.js v13.12.0 Documentation

¥Internationalization Support

Internationalization Support | Node.js v13.12.0 Documentation

¥Modules

Modules | Node.js v13.12.0 Documentation
Modules | Node.js v13.12.0 Documentation
Modules | Node.js v13.12.0 Documentation
Modules | Node.js v13.12.0 Documentation
Modules | Node.js v13.12.0 Documentation
Modules | Node.js v13.12.0 Documentation

#Require

Nodejs中的require函数 - 掘金
Node.js 模块系统源码探微 - 掘金
node.js 使用require引入文件时,有缓存问题,引入的文件数据仍是修改前的数据_DemoJx的博客-CSDN博客
如何清除Node模块的缓存问题_JavaScript_Calla_Lj的博客-CSDN博客
node中的缓存机制 - 简书
node.js - node require是缓存优先的,那么require的文件改变时候怎么才能在gulp的watch状态下能够获取改变的内容 - SegmentFault 思否
require、缓存 - NordonWang - 博客园
[one day one question] nodejs require 缓存,无法检测文件变化 - 黎明の破晓 - 博客园
nodejs清除require缓存 delete require.cache
[one day one question] nodejs require 缓存,无法检测文件变化

¥Net

Net | Node.js v13.12.0 Documentation

#TCP模块

Node 深入TCP模块 - 掘金

¥OS

OS | Node.js v13.12.0 Documentation

¥Path

Path | Node.js v13.12.0 Documentation

path.resolve 和 path.join

Nodejs中,path.join()和path.resolve()区别_wdxcln的博客-CSDN博客
Node的path.resolve(__dirname,'./src') - 简书
详解Node.js中path模块的resolve()和join()方法的区别_node.js_脚本之家
Nodejs path.resolve 和 path.join | 大专栏
node中 path.resolve 和path.join的区别 - dami.white - 博客园
node模块之path——path.join和path.resolve的区别 - 一江西流 - 博客园

浅析 NodeJs 的几种文件路径_node.js_脚本之家
Nodejs基础:路径处理模块path总结 - 程序猿小卡 - 博客园
browserify/path-browserify: The path module from Node.js for browsers

¥Performance Timing API

Performance Timing API | Node.js v13.12.0 Documentation

¥Policies

Policies | Node.js v13.12.0 Documentation

¥Process

Process | Node.js v13.12.0 Documentation
process | Node.js API 文档
Node.js中环境变量process.env详解 - 流风,飘然的风 - 博客园

¥Punycode

Punycode | Node.js v13.12.0 Documentation

¥Query String

Query String | Node.js v13.12.0 Documentation
Query String | Node.js v10.0.0 Documentation
querystring | Node.js API 文档

¥Readline

Readline | Node.js v13.12.0 Documentation
Readline | Node.js v8.15.0 Documentation
https://nodejs.org/dist/latest-v8.x/docs/api/readline.json
Node.js之readline模块的使用 - 掘金
如何使用node.js的readline模块进行两次连续输入? - 问答 - 云+社区 - 腾讯云

¥REPL

REPL | Node.js v13.12.0 Documentation

¥Diagnostic Report

Diagnostic Report | Node.js v13.12.0 Documentation

¥Stream

Stream | Node.js v13.12.0 Documentation
详解NodeJs流之一 - 掘金
Node 深入Stream(1) - 掘金
Node 深入Stream(2) - 掘金

¥String Decoder

String Decoder | Node.js v13.12.0 Documentation

¥Timers

Timers | Node.js v13.12.0 Documentation

¥TLS (SSL)

TLS (SSL) | Node.js v13.12.0 Documentation

¥Trace Events

Trace Events | Node.js v13.12.0 Documentation

¥TTY

TTY | Node.js v13.12.0 Documentation

¥UDP/Datagram Sockets

UDP/Datagram Sockets | Node.js v13.12.0 Documentation

¥URL

URL | Node.js v13.12.0 Documentation

¥Util

Util | Node.js v13.12.0 Documentation
Util | Node.js v14.14.0 Documentation

¥V8

V8 | Node.js v13.12.0 Documentation

¥VM (Executing JavaScript)

VM (Executing JavaScript) | Node.js v13.12.0 Documentation
VM (executing JavaScript) | Node.js v12.18.3 Documentation
patriksimek/vm2: Advanced vm/sandbox for Node.js
browserify/vm-browserify: require('vm') like in node but for the browser

¥WebAssembly System Interface (WASI)

WebAssembly System Interface (WASI) | Node.js v13.12.0 Documentation

¥Worker Threads

Worker Threads | Node.js v13.12.0 Documentation

¥Zlib

Zlib | Node.js v13.12.0 Documentation

Node.js ES2015/ES6, ES2016 and ES2017 support

Node.js frameworks

#MVC framework

less.js

zhaotoday/less.js: A Node.js MVC framework based on Koa.js. 基于 Koa.js 的 Node.js MVC 框架。
参考 Egg.js 造了个轮子 - Less.js - 前端 - 掘金

balderdashy/sails: Realtime MVC Framework for Node.js
totaljs (Total.js)
expressjs/expressjs.com
jaredhanson/locomotive: Powerful MVC web framework for Node.js.
totaljs/framework: Node.js framework
flatiron/flatiron: framework components for node.js and the browser
techpines/express.io: Realtime Micro Framework for Nodejs
socketstream/socketstream: A framework for Realtime Web Apps
geddy/geddy: Web framework for Node.js

#RPC framework

grpc-node

grpc/grpc-node: gRPC for Node.js

#Template

NodeTemplate

LLBTeam/NodeTemplate: node template project

madhums/node-express-mongoose-demo: A simple demo app using node and mongodb for beginners
sahat/hackathon-starter: A boilerplate for Node.js web applications

#内容管理框架

calipso

cliftonc/calipso: Calipso is a simple NodeJS content management system based on Express, Connect & Mongoose.

strapi

strapi/strapi: Node.js Content Management Framework (headless-CMS) to build powerful API with no effort.
Strapi - Node.js Headless CMS for building customizable API.

connect

senchalabs/connect: Connect is a middleware layer for Node.js

Egg.js

Egg.js core

eggjs/egg: 🥚 Born to build better enterprise frameworks and apps with Node.js & Koa
egg - Born to build better enterprise frameworks and apps
egg - 为企业级框架和应用而生

Egg.js libs、plugins&tools

easyjs

easy-team
easy-team/egg-vue-webpack-boilerplate: Egg Vue Server Side Render (SSR) / Client Side Render (CSR)
easy-team/egg-react-webpack-boilerplate: Egg React Server Side Render(SSR) / Client Sider Render(CSR)
easy-team/egg-view-vue-ssr: Egg Vue Server Side Render (SSR) Plugin

egg-sequelize

eggjs/egg-sequelize: Sequelize for Egg.js

Egg.js 资源、整理集&FAQ

Egg.js 资源

Egg.js 整理集

《一文看懂 Eggjs-基础全面讲解》

一文看懂 Eggjs-基础全面讲解(上) - 掘金
一文看懂 Eggjs-基础全面讲解(中) - 掘金
一文看懂 Eggjs-基础全面讲解(下) - 掘金
一文看懂 Eggjs-基础全面讲解(完结) - 掘金

Egg.js FAQ

前后端全部用 js 开发是什么体验(Hybrid + Egg.js经验分享)
egg 设置跨域白名单 - 掘金
EggJS实现一个简易的链路日志,集成到kibana中 - 掘金
理解Egg.js中的多进程模型(egg-cluster) - 掘金
Egg 编码实战 ---- 一个不断加需求的 API 实现之旅
基于 Egg.js 一步步搭建微信网关(一)
基于 Egg.js 一步步搭建微信网关(二)
使用 egg.js 定制业务 web 框架

easy-monitor

hyj1991/easy-monitor: 轻量级实时 Node.js 内核性能监控分析工具
X-Profiler
Easy-Monitor
Easy-Monitor 3.0 使用指南 · 语雀

Express

Express core

expressjs/expressjs.com
Express - Node.js web application framework
Express 4.x - API Reference
Express 4.x - API 参考
Express 4.x - API 中文手册
Express - 基于 Node.js 平台的 web 应用开发框架
express 4.x Api 中文版-最新中文详细解释 - 简书

Express libs&tools

connect-mongo

jdesboeufs/connect-mongo: MongoDB session store for Express

express-upload-progress

zemirco/express-upload-progress: File uploading with Express.js and progress bar

express-ipfilter

ryanbillingsley/express-ipfilter: A light-weight IP address based connection filtering system

express-mongoose-es6-rest-api

kunalkapadia/express-mongoose-es6-rest-api: A boilerplate application for building RESTful APIs Microservice in Node.js using express and mongoose in ES6 with code coverage and JsonWebToken Authentication

generator

expressjs/generator: Express' application generator

Express middlewares

#A-G

body-parser

expressjs/body-parser: Node.js body parsing middleware
body-parser - npm
Express教程04:处理文件上传 - weixin_34259559的博客

cookie-session

expressjs/cookie-session: Simple cookie-based session middleware

cors

expressjs/cors: Node.js CORS middleware

csurf

expressjs/csurf: CSRF token middleware

compression

expressjs/compression: Node.js compression middleware

connect-flash

jaredhanson/connect-flash: Flash message middleware for Connect and Express.

cookie-parser

expressjs/cookie-parser: Parse HTTP request cookies

express-http-proxy

express-http-proxy - npm
villadora/express-http-proxy: Proxy middleware for express/connect
`next()` is called twice when using skipToNextHandlerFilter · Issue #390 · villadora/express-http-proxy
[#390] Kills extra call to next(). · villadora/express-http-proxy@c5660c2
node.js - Express proxy API calls with cookie - Stack Overflow
node.js - Error: unable to verify the first certificate in nodejs - Stack Overflow

express-mockjs

52cik/express-mockjs: mockjs api middleware for Express

express.static

利用 Express 托管静态文件
express.static 作用及用法 - CSDN博客
【Node.js-3】express介绍、express-static处理静态文件请求、链式操作next()、中间件、cookie、session - CSDN博客
Express的serve-static中间件的使用之五问 - CSDN博客
express.static在生产环境下怎么设置? - CNode技术社区
express.static在生产环境下怎么设置? - CNode技术社区
express中static的目录设置 - CNode技术社区
Express static静态路由 - Lawliet__zmz - 博客园

express-jwt

auth0/express-jwt: connect/express middleware that validates a JsonWebToken (JWT) and set the req.user with the attributes

express-session

expressjs/session: Simple session middleware for Express

express-validator

express-validator/express-validator: An express.js middleware for validator.js.

jaredhanson/connect-ensure-login: Login session ensuring middleware for Connect and Express.

express-rate-limit

nfriedly/express-rate-limit: Basic rate-limiting middleware for express
express-rate-limit - npm
wyattjoh/rate-limit-redis: A rate limiting store for express-rate-limit with Redis
linyows/rate-limit-memcached: A rate limiting store for express-rate-limit with Memcached
2do2go/rate-limit-mongo: A MongoDB store for express-rate-limit middleware
rate-limit-redis - npm
rate-limit-memcached - npm
rate-limit-mongo - npm

#H-N

hbs

pillarjs/hbs: Express view engine wrapper for Handlebars

helmet

helmetjs/helmet: Help secure Express apps with various HTTP headers
Helmet

morgan

expressjs/morgan: HTTP request logger middleware for node.js

multer

expressjs/multer: Node.js middleware for handling `multipart/form-data`.

expressjs/method-override: Override HTTP verbs.
madhums/node-view-helpers: expressjs view helper methods
truongsinh/node-evercookie: This is a conenct/express middleware for evercookie.

#O-T

passwordless

florianheinemann/passwordless: node.js/express module to authenticate users without password
florianheinemann/passwordless-mongostore: Token store for Passwordless using MongoDB

swagger-express-middleware

APIDevTools/swagger-express-middleware: Swagger 2.0 middlware and mocks for Express.js
Swagger Express Middleware | Swagger 2.0 middlware and mocks for Express.js

nutes-uepb/query-strings-parser: Middleware to transform query strings in a format that is recognized by the MongoDB, MySQL and other databases...

#U-Z

express常用中间件 - 陈亚 - 博客园
Express 中间件-前端开发博客

Express 资源、整理集&FAQ

Node.js Express express.json and express.urlencoded with form submit - Stack Overflow
Express 上传图片 - 前端 - 掘金
一杯茶的时间,上手 Express 框架开发 - 掘金
多维度分析 Express、Koa 之间的区别 - 掘金
express 中的错误处理_qq_36391954的博客-CSDN博客
node的express框架接收get/post请求时,参数获取方式 - 大豆F4 - 博客园
fengshi123/express_project: 利用 express-generator 创建的 express 项目,包括数据库自执行脚本、express 与 mysql 的交互、express 日志记录、express 未捕获异常的处理等
Express:模板引擎深入研究 - 知乎

fastify

fastify core

fastify/fastify: Fast and low overhead web framework, for Node.js

fastify libs、plugins&tools

fastify/fastify-compress: Fastify compression utils

fastify-rate-limit

fastify/fastify-rate-limit: A low overhead rate limiter for your routes

point-of-view

fastify/point-of-view: Template rendering plugin for Fastify

fastify 资源、整理集&FAQ

Hapi

hapijs/hapi: The Simple, Secure Framework Developers Trust
hapijs/cookie: Cookie authentication plugin
hapi.dev - The simple, secure framework developers trust
hapi.dev - 19.1.1 API Reference
dwyl/hapi-auth-jwt2: Secure Hapi.js authentication plugin using JSON Web Tokens (JWT) in Headers, URL or Cookies

hexo

#hexo-theme

hexo-theme-next

dongyuanxin/theme-bmw: 🔥What? A very simple but practical hexo-theme!
iissnan/hexo-theme-next: Elegant theme for Hexo.
theme-next/hexo-theme-next: Elegant and powerful theme for Hexo.
NexT – Theme for Hexo
董沅鑫的个人网站

hexo-theme-material

viosey/hexo-theme-material: Material Design theme for hexo.
neoFelhz's Blog

hexo-theme-icarus

ppoffice/hexo-theme-icarus: A simple, delicate, and modern theme for the static site generator Hexo.
Icarus

hexo-theme-indigo

yscoder/hexo-theme-indigo: 一个Material Design风格的Hexo主题。 https://imys.net/    备用:
Yusen's Blog | 学习弯道超车的技巧!
Yusen's Blog | 学习弯道超车的技巧!

LouisBarranqueiro/hexo-theme-tranquilpeak: A gorgeous responsive theme for Hexo blog framework
probberechts/hexo-theme-cactus: A responsive, clean and simple theme for Hexo.
ppoffice/hexo-theme-hueman: A redesign of Alx's wordpress theme hueman, ported to Hexo.
hexojs/hexo-theme-landscape: A brand new default theme for Hexo.
hexojs/hexo-theme-light: Default theme for Hexo
luuman/hexo-theme-spfk: Hexo双栏博客主题仓库 Another simple and elegant theme for Hexo.
ahonn/hexo-theme-even: A super concise theme for Hexo
miccall/hexo-theme-Mic_Theme: hexo theme
cofess/hexo-theme-pure: Hexo theme pure. It's a pure theme for Hexo.
Haojen/hexo-theme-Anisina: A simple responsive , support qiniu image cdn theme for hexo https://haojen.github.io/
fi3ework/hexo-theme-archer: a smart and modern theme for Hexo
shenliyang/hexo-theme-snippet: Snippet 简洁而不简单,也许是一款你寻找已久的hexo主题
ppoffice/hexo-theme-minos: A simple and retro styled Hexo theme, concentrated more on your ideas.
Kaijun/hexo-theme-huxblog: Ported Theme of Hux Blog
raytaylorlin/hexo-theme-raytaylorism: 一款Material Design风格的hexo主题
wzpan/hexo-theme-freemind: Most powerful bootstrap theme for hexo.
klugjo/hexo-theme-clean-blog: Hexo implementation of Clean Blog http://blackrockdigital.github.io/startbootstrap-clean-blog/index.html
Molunerfinn/hexo-theme-melody: A simple & beautiful & fast theme for Hexo.
Ben02/hexo-theme-Anatole: A white and simple Hexo theme, originated from a Farbox theme
Mrminfive/hexo-theme-skapp: The hexo flat design theme(扁平化简约主题)
yanm1ng/hexo-theme-vexo: 🍟 Vexo is a Hexo theme inspired by Vue's official website.
klugjo/hexo-theme-alpha-dust: 🌠 Original Futuristic Hexo Theme
chaooo/hexo-theme-BlueLake: A simple theme for Hexo with great performance on different devices .
aircloud/hexo-theme-aircloud: A concise hexo theme
iTimeTraveler/hexo-theme-hiero: An awesome magazine, blog theme for your Hexo site.
Fechin/hexo-theme-diaspora: Hexo theme, Blog theme, Clean, Responsive theme
kywk/hexo-theme-casper: Ghost Casper hexo port
EYHN/hexo-theme-one: hexo单页面炫酷主题
YenYuHsuan/hexo-theme-beantech: Ported theme of Hux Blog by Kaijun, Modified by YuHsuan
litten/hexo-theme-yilia: 一个简洁优雅的hexo主题 A simple and elegant theme for hexo.
pinggod/hexo-theme-apollo: a clean and delicate hexo theme

hexojs/hexo: A fast, simple & powerful blog framework, powered by Node.js.
jaredly/hexo-admin: An Admin Interface for Hexo
EYHN/hexo-helper-live2d: Add the Sseexxyyy live2d to your hexo!
Hexo
文档 | Hexo
五星推荐的系列文章清单 - 掘金
如何使用Github+Hexo快速搭建个人博客 - 掘金
Hexo - 快速,轻量,强大的 Node.js 博客框架 - 梦想天空(山边小溪) - 博客园

Koa

#Koa core

Koa.js
koajs/koa: Expressive middleware for node.js using ES2017 async functions
Home · koajs/koa Wiki
guo-yu/koa-guide: koa guide in Chinese
demopark/koa-docs-Zh-CN: Koa 文档的中文版本 , 更新至 v2.11.0 版本.
koa2 · GitHub Topics
Home · koajs/koa Wiki
koajs/examples: Example Koa apps
Koa - next generation web framework for node.js
Koa (koajs) -- 基于 Node.js 平台的下一代 web 开发框架 | Koajs 中文文档

#Koa libs、middlewares、plugins&tools

#Koa middlewares

@koa/cors

koajs/cors: Cross-Origin Resource Sharing(CORS) for koa
@koa/cors - npm
CORS原理及@koa/cors源码解析

@koa/multer

koajs/multer: Middleware for handling `multipart/form-data` for koa, based on Express's multer.

compose

koajs/compose: Middleware composition utility

csrf

koajs/csrf: CSRF tokens for koa

compress

koajs/compress: Compress middleware for koa

koa-body

dlau/koa-body: koa body parser middleware

koa-bodyparser

koajs/bodyparser: a body parser for koa

koa2-cors

zadzbw/koa2-cors: CORS middleware for koa2

koa-json-error

koajs/json-error: Error handler for pure-JSON apps

koa-multer

koa-modules/multer: Middleware for handling `multipart/form-data` for koa, based on Express's multer.

koa-parameter

koajs/parameter: parameter validate middleware for koa, powered by parameter

koa-router

ZijianHe/koa-router: Router middleware for koa.

koa-rapid-router

cevio/koa-rapid-router: fastest router for koa
koa-rapid-router超越koa-router性能的100多倍 - 掘金

koa-static-cache

koajs/static-cache: Static cache for koa

koa-static

koajs/static: Static file server middleware

koa-views

queckezz/koa-views: Template rendering middleware for koa (hbs, swig, pug, anything! )

logger

koajs/logger: Development style logging middleware

mount

koajs/mount: Mount other Koa applications or middleware to a given pathname

route

koajs/route: Simple route middleware

session

koajs/session: Simple session middleware for koa

send

koajs/send: Transfer static files

koa-modules
koajs/is-json: check if a koa body should be interpreted as JSON
HKUST-VISLab/koa-bodyparser-ts: a koa-bodyparser in typescript
hirako2000/koa-router-multer: Minimalist Wrapper of multer, for koa-router
nswbmw/koa-scheme: koa-scheme is a parameter validation middleware for koa.
pkoretic/koa-static-server: Static file serving middleware for koa with directory, rewrite and index support
janpieterz/koajs-static-folder: Middleware for KoaJS to serve folder as static files.
Secbone/koa-static2: Middleware for Koa2 to serve a folder under a name declared by user
ktmud/koa-spa: pushState friendly static file server, with koa
brian9206/koa-json-error-handler: Koa JSON Error Handler Middleware
creeperyang/koa-xml-body: koa middleware to parse xml request body
venables/koa-json-body: Single-purpose koa middleware to parse valid JSON request bodies and nothing else.
thomseddon/koa-body-parser: Parse the request body in koa like ya' used to in express
koajs/trie-router: Trie-routing for Koa
koajs/basic-auth: blanket basic auth middleware
koajs/etag: ETag support for Koa responses
koajs/error: Error response middleware (text, json, html)

koa-generator

ykfe/koa-generator: Koa' application generator for 1.x and 2.x( Express-style and support all middlewares include async/await )

koa-hbs

koajs/koa-hbs: Handlebars templates for Koa.js

quark-h5

huangwei9527/quark-h5: 基于vue2 + koa2的 H5制作工具。让不会写代码的人也能轻松快速上手制作H5页面。类似易企秀、百度H5等H5制作、建站工具
Vue + Koa从零打造一个H5页面可视化编辑器——Quark-h5

#Koa 资源、整理集&FAQ

Koa资源

ellerbrock/awesome-koa: Awesome Koa.js Web Framework
deepred5/learn-koa2: koa2源码分析
(12 封私信 / 80 条消息) koa - 知乎

Koa整理集

《React + Koa 实现服务端渲染(SSR)》

React + Koa 实现服务端渲染(SSR) - 掘金
React + Koa 实现服务端渲染(SSR) Part II - 掘金

Koa FAQ

Koa常见API - 掘金
Koa2开发快速入门 - 掘金
看Koa框架源码,搞懂compose核心 - 掘金
个人React / Koa 项目上线——健身笔记 - 掘金
玩转Koa -- koa-bodyparser原理解析 - 掘金
谈谈Koa 中的next - 掘金
koa源码浅析 - 掘金
用优雅的代码武装我们的koa2项目 - 掘金
一杯茶的时间,上手 Koa2 + MySQL 开发 - 掘金
如何更好地理解中间件和洋葱模型
深入理解洋葱模型中间件机制
Koa源码浅析 - 前端开发 - SegmentFault 思否
读 koa2 源码后的一些思考与实践
关于koa2,你不知道的事
【新手向】Vue.js + Node.js(koa) 合体指南

kraken-js

krakenjs/kraken-js: An express-based Node.js web application bootstrapping module.

keystonejs

keystonejs/keystone: A scalable platform and CMS to build Node.js applications
KeystoneJS

mkbug.js

mkbug-com/mkbug.js: An OOP style nodejs web framework base on expressjs.
Mkbug.js · A OOP style declare Nodejs framework base on Express.js!

Midway.js

midwayjs/midway: 🍔 A Node.js Serverless Framework for front-end/full-stack developers. Build the application for next decade. Works on AWS, Alibaba Cloud, Tencent Cloud and traditional VM/Container. Super easy integrate with React and Vue. 🌈
Midway.js
走近MidwayJS:初识TS装饰器与IoC机制

NestJS

NestJS core

module

nestjs/serverless-core: Serverless Core module for Nest framework (node.js) 🦊
nestjs/azure-serverless: Azure Serverless module for Nest framework (node.js) 🌩
nestjs/terminus: Terminus module for Nest framework (node.js)
nestjs/swagger: OpenAPI (Swagger) module for Nest framework (node.js)
nestjs/typeorm: TypeORM module for Nest framework (node.js) 🍇
nestjs/config: Configuration module for Nest framework (node.js) 🍓
nestjs/mapped-types: Configuration module for Nest framework (node.js) 🐺
nestjs/schedule: Schedule module for Nest framework (node.js) ⏰
nestjs/passport: Passport module for Nest framework (node.js) 🔑
nestjs/sequelize: Sequelize module for Nest framework (node.js) 🍈
nestjs/mongoose: Mongoose module for Nest framework (node.js) 🍸
nestjs/bull: Bull module for Nest framework (node.js)
nestjs/elasticsearch: Elasticsearch module based on the official elasticsearch package 🌿
nestjs/graphql: GraphQL (TypeScript) module for Nest framework (node.js) 🍷
nestjs/jwt: JWT utilities module based on the jsonwebtoken package 🔓
nestjs/cqrs: A lightweight CQRS module for Nest framework (node.js)
nestjs/azure-database: Azure Database (Table Storage and more) module for Nest framework (node.js) ☁️
nestjs/ng-universal: Angular Universal module for Nest framework (node.js) 🌷
nestjs/azure-storage: Azure Storage module for Nest framework (node.js) ☁️
@nestjs/core - npm
@nestjs/testing - npm
@nestjs/microservices - npm
@nestjs/common - npm
@nestjs/platform-express - npm
@nestjs/platform-fastify - npm
@nestjs/platform-ws - npm
@nestjs/websockets - npm
@nestjs/platform-socket.io - npm
@nestjs/swagger - npm
@nestjs/schematics - npm
@nestjs/typeorm - npm
@nestjs/passport - npm
@nestjs/mongoose - npm
@nestjs/jwt - npm
@nestjs/terminus - npm
@nestjs/graphql - npm
@nestjs/cqrs - npm
@nestjs/serve-static - npm
@nestjs/elasticsearch - npm
@nestjs/config - npm
@nestjs/schedule - npm
@nestjs/azure-database - npm
@nestjs/sequelize - npm
@nestjs/bull - npm

nestjs
nestjs/nest: A progressive Node.js framework for building efficient and scalable server-side applications on top of TypeScript & JavaScript (ES6, ES7, ES8) heavily inspired by Angular 😻🚀
nestjs/nestjs.com: The official website https://nestjs.com 🏆
nestjs/docs.nestjs.com: The official documentation https://docs.nestjs.com 📕
nestcn/docs.nestjs.cn: nestjs 中文文档
nestjs/nest-cli: CLI tool for Nest applications 🍹
nestjs/courses.nestjs.com: Official NestJS Courses website https://courses.nestjs.com 🏡
nestjs/enterprise.nestjs.com: The official website https://enterprise.nestjs.com 🌁
@nestjs/cli - npm
NestJS - A progressive Node.js framework
Documentation | NestJS - A progressive Node.js framework
Enterprise | NestJS - A progressive Node.js framework
Nest.js 中文文档
NestJS 简介 | NestJS 中文文档 | NestJS 中文网
秘籍 - Nest.js 中文文档
相关资料 - Nest.js 中文文档

NestJS libs、plugins&tools

azure-func-http

nestjs/azure-func-http: Azure Functions HTTP adapter for Nest framework (node.js) 🌥

crud

nestjsx/crud: NestJs CRUD for RESTful APIs

javascript-starter

nestjs/javascript-starter: Nest framework JavaScript (ES6, ES7, ES8) + Babel starter 🍰

nestify

ZhiXiao-Lin/nestify: 🚀 The rapid development framework for Node

nestjs-pino

nestjs-pino - npm

next-progressbar

lucleray/next-progressbar: Add a progress bar to next.js

nodepress

surmon-china/nodepress: 😎 RESTful API service for Blog/CMS, powered by @nestjs

schematics

nestjs/schematics: Nest architecture element generation based on Angular schematics 🎬

serve-static

nestjs/serve-static: Serve static websites (SPA's) using Nest framework (node.js) 🥦

typescript-starter

nestjs/typescript-starter: Nest framework TypeScript starter

nestjsx

NestJS 资源、整理集&FAQ

NestJS 资源

nest-cn-community
dzzzzzy/Nestjs-Learning: nestjs 学习教程 ,跟我一起学习 nest 框架~
juliandavidmr/awesome-nestjs: 😏 Curated list of NestJS
NarHakobyan/awesome-nest-boilerplate: Awesome NestJS Boilerplate 😍, Typescript 💪, Postgres 🎉, TypeORM 🥳
nartc/nest-mean: NestJS Tutorial Repository
学习路线参考 · Issue #6 · nest-cn-community/issues-box
Nestify - Nest.js 开源生态系统
[NestJS] 大前端Node层应用框架 之 NestJS英文官方文档解读笔记 (持续跟新ing - 掘金
nestjs生态知多少?
Ideas App - NestJS API 01 Introduction_哔哩哔哩 (゜-゜)つロ 干杯~-bilibili
基于TypeScript的NodeJs框架:NestJs开发博客API (node.js+nest.js)_哔哩哔哩 (゜-゜)つロ 干杯~-bilibili
Nestjs教程_Nest入门视频教程(IT营大地)_哔哩哔哩 (゜-゜)つロ 干杯~-bilibili
nest.js 封装/使用教程 · 语雀

NestJS 整理集

《Nest》

Nest —— Controllers - 掘金
Nest —— Providers - 掘金
Nest —— Modules - 掘金
Nest —— Middleware - 掘金
Nest —— Exception filters - 掘金
Nest —— Pipes - 掘金
Nest —— Guards - 掘金
Nest —— Interceptors - 掘金
Nest —— Custom decorators - 掘金
【NestJS】Custom providers - 掘金

《Nest.js 5.0 系列教程》

1、Nest.js 项目搭建 - 简书
2、Nest.js 创建基本的REST控制器 - 简书
3、Nest.js 中的依赖注入与提供者 - 简书
4、Nest.js 中的模块化设计 - 简书
5、Nest.js 中的异常处理和AOP编程 - 简书
6、Nest.js 中的管道与验证器 - 简书
7、Nest.js 中的类验证器 - 简书
8、Nest.js 中的拦截器 - 简书
9、Nest.js 中的看守器 - 简书
10、Nest.js 中的全局模块和动态模块 - 简书

《NestJS 7.x 折腾记》

NestJS 7.x 折腾记: (0) 起手式-> VS Code 1.5+ Debug NestJS
NestJS 7.x 折腾记: (1) 项目初始化及常规提交门禁加入
NestJS 7.x 折腾记: (2) 环境变量及配置维护
NestJS 7.x 折腾记: (3) 采用nestjs-pino作为Nest logger
NestJS 7.x 折腾记: (4) Swagger接入及相关用法

《Nest.js 从零到壹系列》

Nest.js 从零到壹系列(一):项目创建&路由设置&模块
Nest.js 从零到壹系列(二):使用 Sequelize 操作数据库
Nest.js 从零到壹系列(三):使用 JWT 实现注册、登录
Nest.js 从零到壹系列(四):使用中间件、拦截器、过滤器打造日志系统
Nest.js 从零到壹系列(五):使用管道、DTO 验证入参,摆脱 if-else 的恐惧
Nest.js 从零到壹系列(六):用 15 行代码实现 RBAC 0
Nest.js 从零到壹系列(七):讨厌写文档,Swagger UI 了解一下?
Nest.js 从零到壹系列(八):使用 Redis 实现登录挤出功能

《NestJs学习之旅》

(...) NestJs学习之旅(1)——快速开始_程序开发 - SegmentFault 思否
(...) NestJs学习之旅(2)——控制器_程序开发 - SegmentFault 思否
(...) NestJs学习之旅(3)——服务提供者_程序开发 - SegmentFault 思否
(...) NestJs学习之旅(4)——模块系统_程序开发 - SegmentFault 思否
(...) NestJs学习之旅(5)——中间件_程序开发 - SegmentFault 思否
(...) NestJs学习之旅(6)——异常处理_程序开发 - SegmentFault 思否
(...) NestJs学习之旅(7)——路由守卫_程序开发 - SegmentFault 思否
(...) NestJs学习之旅(8)——管道_程序开发 - SegmentFault 思否
(...) NestJs学习之旅(9)——拦截器_程序开发 - SegmentFault 思否

《Nest.js学习之路》

Nest.js学习之路(1)-开发环境准备 - 简书
Nest.js学习之路(2)-使用nest.js CLI开始 - 简书
Nest.js学习之路(3)-Module in nest.js - 简书
Nest.js学习之路(4)-Controller in nest.js(上) - 简书
Nest.js学习之路(5)-Controller读取Param、Query String及Body - 简书
Nest.js学习之路(6)-Providers & Dependency Injection(上) - 简书
Nest.js学习之路(7)-验证DTO属性-Pipe - 简书
Nest.js学习之路(8)-Middleware in nest.js(上) - 简书
Nest.js学习之路(9)-Exceptions in nest.js(上) - 简书
Nest.js学习之路(10)-Exception in nest.js(下) - 简书
Nest.js学习之路(11)-Guard(Authentication) in nest.js(上) - 简书
Nest.js学习之路(12)-Guard in nest.js(Authorization) - 简书
Nest.js学习之路(13)- Interceptor in nest.js - 简书
Nest.js学习之路(14)- TypeORM库(1)存取 in nest.js(连接设置) - 简书
Nest.js学习之路(15)-typeorm(2)新增数据 - 简书
Nest.js学习之路(16)-typeorm(3)basic CRUD - 简书
Nest.js学习之路(17)-TypeORM(4)设定一对多/多对一 - 简书
Nest.js学习之路(18)-TypeORM(5)设定多对多 - 简书
Nest.js学习之路(19)-TypeORM(6)Query Builder Select(上) - 简书
Nest.js学习之路(20)-TypeORM(7)Query Builder Select(下) - 简书
Nest.js学习之路(21)-TypeORM(8) RelationQueryBuilder(上) - 简书
Nest.js学习之路(22)-TypeORM(9) RelationQueryBuilder(下)& Refactor - 简书
Nest.js学习之路(23)-TypeORM(10) Embedded Entity及Entity Listener& Subscriber - 简书
Nest.js学习之路(24)-Http Bearer Token保护API End Point-使用Passport - 简书
Nest.js学习之路(25)-JSON Web Token(JWT)保护API Endpoint-使用Passport - 简书
Nest.js学习之路(26)-用Nestjs Decorator建立Swagger API Doc - 简书
Nest.js学习之路(27)-存取env变量使用dotenv-储存敏感信息 - 简书
Nest.js学习之路(28)-用nestjs建立API Microservice(上) - 简书
Nest.js学习之路(29)-用nestjs建立API Microservice(下)-REDIS、NATS as Messaging System - 简书

NestJS FAQ

nestjs生态知多少? - 掘金
typeorm列类型_蛐蛐的博客-CSDN博客
nestjs[一例看懂中间件、守卫、管道、异常过滤器、拦截器]_墨水白云的博客-CSDN博客
typeorm整理翻译_weixin_34341229的博客-CSDN博客
(...) 从Express到Nestjs,谈谈Nestjs的设计思想和使用方法_个人文章 - SegmentFault 思否
(...) 使用 NestJS 开发 Node.js 应用_漫漫长路 - SegmentFault 思否

nodemon

remy/nodemon: Monitor for any changes in your node.js application and automatically restart the server - perfect for development

node-restify

restify/node-restify: The future of Node.js REST development

PM2

pm2-logrotate

keymetrics/pm2-logrotate: Automatically rotate all applications logs managed by PM2

Unitech/pm2: Node.js Production Process Manager with a built-in Load Balancer.
PM2 - Home
pm2 实践指南 - 掘金

ThinkJS

thinkjs/thinkjs: Use full ES2015+ features to develop Node.js applications, Support TypeScript.
介绍 - ThinkJS 文档
ThinkJS - 使用 ES6/7 特性开发 Node.js 项目,支持 TypeScript

KingPixil/wing: Minimal, Responsive CSS Framework
NetEase/pomelo: A fast,scalable,distributed game server framework for Node.js.
zhuyingda/veneno
2015年最佳的15个 Node.js 开发工具 - 梦想天空(山边小溪) - 博客园
LoopBack – 开源的,可扩展的 Node.js 框架 - 梦想天空(山边小溪) - 博客园

Node.js libs、plugins&tools

¥authentication、加密、解密、加签&解签

#JSON Object Signing and Encryption,JOSE

#JSON Web Encryption,JWE

#JSON Web Key,JWK

#JSON Web Signatures,JWS

node-jws

auth0/node-jws: JSON Web Signatures

davedoesdev/node-jsjws: Node.js wrapper around jsrsasign (https://github.com/kjur/jsrsasign)

#JSON Web Token,JWT

node-jose

cisco/node-jose

anvilresearch/jose: JSON Object Signing and Encryption for Node.js and the browser
teifip/node-webtokens: Simple, opinionated implementation of JWS and JWE compact serialization
phish108/node-jose-tools: Command line tools for node-jose's features

#Node.js 密码强度

nowsecure/owasp-password-strength-test: OWASP Password Strength Test for Node.js

Grant

simov/grant: OAuth Proxy

keygrip

crypto-utils/keygrip: Key signing and verification for rotated credentials

node-jsencrypt

ArnaudValensi/node-jsencrypt: A port of JSEncrypt to NodeJS

oauth2orize

jaredhanson/oauth2orize: OAuth 2.0 authorization server toolkit for Node.js.

passport

jaredhanson/passport: Simple, unobtrusive authentication for Node.js.
jaredhanson/passport-github: GitHub authentication strategy for Passport and Node.js.
jaredhanson/passport-google-oauth: Google authentication strategies for Passport and Node.js.
jaredhanson/passport-linkedin: LinkedIn authentication strategy for Passport and Node.js.
jaredhanson/passport-local: Username and password authentication strategy for Passport and Node.js.
jaredhanson/passport-twitter: Twitter authentication strategy for Passport and Node.js.
bradtraversy/node_passport_login: Node.js login, registration and access control using Express and Passport
jaredhanson/passport-facebook: Facebook authentication strategy for Passport and Node.js.
node-saml/passport-saml: SAML 2.0 authentication with Passport
mikenicholson/passport-jwt: Passport authentication using JSON Web Tokens
manjeshpv/node-express-passport-mysql: Login Express + Passport + MySQL
jaredhanson/passport-http-bearer: HTTP Bearer authentication strategy for Passport and Node.js.

permit

ianstormtaylor/permit: An unopinionated authentication library for building Node.js APIs.

jaredhanson/oauthorize: OAuth service provider toolkit for Node.js.
davidwood/node-password-hash: Password hashing and verification for node.js
Subash/mkcert: Create self signed ssl certificates without OpenSSL.
joolfe/postman-util-lib: A crypto utility library to be used from Postman Pre-request and Tests script tabs.
anvilresearch/webcrypto: W3C Web Cryptography API for Node.js
nuxusr/Node.js---Amazon-S3: An S3 library for node.js. Supports automatic md5 of content, streaming, 100-continues, and very large files
techjacker/node-version-assets: Version your static assets with MD5 hashes using node.js
jeffbski/digest-stream: Simple node.js pass-through stream (RW) which calculates the a crypto digest (sha/md5 hash) of a stream and also the length. Pipe your stream through this to get digest and length. (streams2)
alterebro/text2image: Text to Image Generator. Convert any String into a Gradient Image based on its MD5 hash value. JS / Canvas / PHP

¥configuration management system

ctrip-apollo-client

lvgithub/ctrip-apollo-client: This is a client library for Apollo(A reliable configuration management system) written in Node.js.

configuration-management · GitHub Topics
configuration · GitHub Topics
config-management · GitHub Topics
distributed-configuration · GitHub Topics

¥debug、develop&deploy

ng-inspector

rev087/ng-inspector: The AngularJS inspector pane for your browser
ng-inspector for AngularJS
ng-inspector首页、文档和下载 - AngularJS 的浏览器插件 - OSCHINA - 中文开源技术交流社区

pkg

vercel/pkg: Package your Node.js project into an executable
pkg - npm

¥environment variables

dotenv

motdotla/dotenv: Loads environment variables from .env for nodejs projects.
motdotla/dotenv-expand: Variable expansion for dotenv. Expand variables already on your machine for use in your .env file.
rolodato/dotenv-safe: Load environment variables from .env and ensure they are all present

env2

dwyl/env2: Simple environment variable (from config file) loader for your node.js app

nconf

indexzero/nconf: Hierarchical node.js configuration with files, environment variables, command-line arguments, and atomic object merging.

node-config

lorenwest/node-config: Node.js Application Configuration

¥flow-control

co

tj/co: The ultimate generator based flow-control goodness for nodejs (supports thunks, promises, etc)

¥glob

fast-glob

mrmlnc/fast-glob: It's a very fast and efficient glob library for Node.js

globby

sindresorhus/globby: User-friendly glob matching

micromatch

micromatch

matcher

sindresorhus/matcher: Simple wildcard matching

minimatch

isaacs/minimatch: a glob matcher in javascript

node-glob

isaacs/node-glob: glob functionality for node.js
Glob Patterns匹配模式使用 - 掘金

glob-pattern · GitHub Topics
glob · GitHub Topics
glob (programming) - Wikipedia

¥Hook

cls-hooked

Jeff-Lewis/cls-hooked: cls-hooked : CLS using AsynWrap or async_hooks instead of async-listener for node 4.7+

¥Headless

headless-recorder

checkly/headless-recorder: Headless recorder is a Chrome extension that records your browser interactions and generates a Puppeteer or Playwright script.

playwright

microsoft/playwright: Node.js library to automate Chromium, Firefox and WebKit with a single API

¥notification

madhums/node-notifier: A simple node.js module to handle all the application level notifications (apple push notifications and mails)

¥NLP

nlp.js

axa-group/nlp.js: An NLP library built in node over Natural, with entity extraction, sentiment analysis, automatic language identify, and so more

¥Test

antman

open-node/antman: Debug node.js process by client REPL on net socket and is silent
小工具大帮手,利用 @open-node/antman 实现 node.js 进程线上调试,无须重启 - 知乎

fresh

jshttp/fresh: HTTP request freshness testing

supertest

visionmedia/supertest: 🕷Super-agent driven library for testing node.js HTTP servers using a fluent API.

taiko

getgauge/taiko: A node.js library to automate chrome/chromium browser
Taiko

volkswagen

auchenberg/volkswagen: Volkswagen detects when your tests are being run in a CI server, and makes them pass.

¥UI

Ant Design of Angular

NG-ZORRO/ng-zorro-antd: An enterprise-class UI components based on Ant Design and Angular. 🐜
Ant Design of Angular - NG-ZORRO
Ant Design of Angular - NG-ZORRO
Ant Design of Angular - NG-ZORRO

¥可视化(Visualization)

#热力图

substack/node-heatmap: canvas heatmaps in node.js and the browser

¥图片、文本&文档

#excel

excel4node

natergj/excel4node: Node module to allow for easy Excel file creation

node-xlsx

mgcrea/node-xlsx: NodeJS excel file parser & builder

Node-Excel-Export

functionscope/Node-Excel-Export: A simple node.js module for exporting data set to Excel xlsx file.

xlsx-template

optilude/xlsx-template: A NodeJS module to generate Excel files in .xlsx format from a template created with Excel itself

#img

sharp

lovell/sharp: High performance Node.js image processing, the fastest module to resize JPEG, PNG, WebP and TIFF images. Uses the libvips library.
Home - sharp

图像识别

制作一个Node命令行图像识别工具 - 掘金

node-archiver

archiverjs/node-archiver: a streaming interface for archive generation
archiver - npm
Archiver Documentation

node-canvas

Automattic/node-canvas: Node canvas is a Cairo backed Canvas implementation for NodeJS.

yazl

thejoshwolfe/yazl: yet another zip library for node

¥命令行command-line、Interface、Options&SubOptions

args

leo/args: Toolkit for building command line interfaces
args - npm

blessed

chjj/blessed: A high-level terminal interface library for node.js.

blessed-contrib

yaronn/blessed-contrib: Build terminal dashboards using ascii/ansi art and javascript

chalk

chalk/chalk: 🖍 Terminal string styling done right

commander.js

tj/commander.js: node.js command-line interfaces made easy

colors.js

Marak/colors.js: get colors in your node.js console

emoj

sindresorhus/emoj: Find relevant emoji from text on the command-line

func

unix/func: Modern Command Line Framework.

Inquirer.js

SBoudrias/Inquirer.js: A collection of common interactive command line user interfaces.
SBoudrias/Inquirer.js: A collection of common interactive command line user interfaces.
mokkabonna/inquirer-autocomplete-prompt: Autocomplete prompt for inquirer
faressoft/inquirer-checkbox-plus-prompt: Checkbox with autocomplete and other additions for Inquirer
adam-golab/inquirer-select-line: Prompt for inquirer for inserting into array
sullof/inquirer-command-prompt: A prompt with history management and autocomplete
clinyong/inquirer-search-checkbox: Searchable Inquirer checkbox
olistic/inquirer-prompt-suggest: Inquirer.js prompt for your less creative users
HQarroum/inquirer-s3: An S3 object selector for Inquirer.
anc95/inquirer-file-tree-selection: inquirer prompt for select a file or dir by file tree
eduardoboucas/inquirer-table-prompt: A table-like prompt for Inquirer
yaodingyd/inquirer-autosubmit-prompt: Auto submit prompt for Inquirer.js, saving your one extra enter
LitoMore/inquirer-chalk-pipe: A inquirer plugin for input chalk-pipe style strings
tannerntannern/inquirer-emoji: Emoji search and select prompt for inquirer
adelsz/inquirer-fuzzy-path: Fuzzy file/directory search and select prompt for Inquirer.js
DerekTBrown/inquirer-datepicker-prompt: Datepicker prompt for inquirer.js
inquirer - npm
inquirer.js —— 一个用户与命令行交互的工具_xhsdnn的专栏-CSDN博客

minimist

substack/minimist: parse argument options

node-optimist

substack/node-optimist: Light-weight option parsing for node.js

ora

sindresorhus/ora: Elegant terminal spinner

shelljs

https://github.com/shelljs/shelljs
shelljs - npm
ShellJS

svg-term-cli

marionebl/svg-term-cli: Share terminal sessions via SVG and CSS

tasksfile

pawelgalazka/tasksfile: Minimalistic task runner for node.js

vorpal

dthree/vorpal: Node's framework for interactive CLIs
Vorpal

yargs

yargs/yargs: yargs the modern, pirate-themed successor to optimist.

z

rupa/z: z - jump around

command-line · GitHub Topics
prompt · GitHub Topics
interactive · GitHub Topics
explainshell.com - match command-line arguments to their help text
Node.js 命令行程序开发教程 - 阮一峰的网络日志
命令行批量截图Node脚本 - 掘金
NodeJS和命令行程序 - 掘金
Node CLI 工具的插件方案探索 - 掘金
GitHub 60000+ Star:命令行的艺术
手把手教你写命令行工具 - 手把手教你学前端 - SegmentFault 思否

¥安全

#validation

fastest-validator

icebob/fastest-validator: The fastest JS validator library for NodeJS

indicative

poppinss/indicative: Indicative is a simple yet powerful data validator for Node.js and browsers. It makes it so simple to write async validations on nested set of data.

jayschema

natesilva/jayschema: [Unmaintained] - A comprehensive JSON Schema validator for Node.js

revalidator

flatiron/revalidator: A cross-browser / node.js validator powered by JSON Schema

validator.js

guillaumepotier/validator.js: Powerful objects and strings validation in javascript for Node and the browser

zrrrzzt/html-validator: A Node.js module for validating html using validator.w3.org/nu

safeify

Houfeng/safeify: 让你的 Node 应用安全的隔离的执行非信任的用户自定义代码。
safeify/DOC.md at master · Houfeng/safeify

¥请求、网络、客户端&服务端

¥Content-Type/MimeType

type-is

type-is - npm
jshttp/type-is: Infer the content-type of a request.

¥Content-Disposition

content-disposition

jshttp/content-disposition: Create and parse HTTP Content-Disposition header

¥FTP

jsftp

sergi/jsftp: Light and complete FTP client implementation for Node.js

node-ftp

mscdex/node-ftp: An FTP client module for node.js

¥JWT

node-jsonwebtoken

auth0/node-jsonwebtoken: JsonWebToken implementation for node.js http://self-issued.info/docs/draft-ietf-oauth-json-web-token.html

jshttp/basic-auth: Generic basic auth Authorization header field parser
ghaiklor/passport-github-token: Passport strategy for authenticating with GitHub via OAuth2 access tokens
JSON Web Token (JWT)
JSON Web Token 入门教程 - 阮一峰的网络日志
Vue项目 使用拦截器和JWT验证 完整案例 - 掘金

¥Mock

faker.js

Marak/faker.js: generate massive amounts of realistic fake data in Node.js and the browser

mock-require

boblauer/mock-require: Simple, intuitive mocking of Node.js modules.

mockery

mfncooper/mockery: Simplifying the use of mocks with Node.js

nock

nock/nock: HTTP server mocking and expectations library for Node.js

¥Network&Proxy

bent

mikeal/bent: Functional JS HTTP client (Node.js & Fetch) w/ async await

cross-fetch

lquixada/cross-fetch: Universal WHATWG Fetch API for Node, Browsers and React Native.

http-parser-js

creationix/http-parser-js: A pure JS HTTP parser for node.

http-proxy

http-proxy - npm

http-errors

jshttp/http-errors: Create HTTP Errors

http-assert

jshttp/http-assert: assert with status codes

http-proxy-middleware

chimurai/http-proxy-middleware: The one-liner node.js http-proxy middleware for connect, express and browser-sync
webpack proxy axios create-react-app - zhuojianhai88的专栏 - CSDN博客
create-react-app 开发时代理转发设置 - 简书
react配置多个代理,跨域 - 简书
react.js - create-react-app设置多个域跨域 - SegmentFault 思否
create-react-app 构建的项目使用代理 proxy - zhourongcode - 博客园
13.create-react-app 构建的项目使用代理 proxy - 大耳朵小虎 - 博客园
react配置多个代理,跨域_码神岛

isomorphic-fetch

matthew-andrews/isomorphic-fetch: Isomorphic WHATWG Fetch API, for Node & Browserify

live-server

tapio/live-server: A simple development http server with live reload capability.

modelproxy

papertiger8848/modelproxy: Model your proxy as you like.

needle

tomas/needle: Nimble, streamable HTTP client for Node.js. With proxy, iconv, cookie, deflate & multipart support.

node-fetch

bitinn/node-fetch: A light-weight module that brings window.fetch to Node.js
node-fetch/node-fetch: A light-weight module that brings the Fetch API to Node.js
Node Fetch

node-portfinder

http-party/node-portfinder: A simple tool to find an open port or domain socket on the current machine

node-http-proxy

http-party/node-http-proxy: A full-featured http proxy for node.js

node-static

cloudhead/node-static: rfc 2616 compliant HTTP static-file server module, with built-in caching.

reverse proxy

redbird

OptimalBits/redbird: A modern reverse proxy for node

¥Protocols

http-streaming

videojs/http-streaming: HLS, DASH, and future HTTP streaming protocols library for video.js

高级消息队列协议(Advanced Message Queuing Protocol,AMQP)

Home | AMQP

¥Request

#FormData

node-formidable

node-formidable/node-formidable: A node.js module for parsing form data, especially file uploads.

asker

nodules/asker: http.request wrapper with gzip, request retries and http.Agent tuning

busboy

cojs/busboy: Busboy multipart parser as a yieldable

co-body

cojs/co-body: Parse request bodies with co

got

sindresorhus/got: 🌐 Human-friendly and powerful HTTP request library for Node.js

raw-body

stream-utils/raw-body: Get and validate the raw body of a readable stream

¥Response

clone-response

clone-response - npm

¥Serve&Server

http-server

http-party/http-server: a simple zero-configuration command-line http server
@itemsjs/http-server - npm
@huangzj/http-server - npm

jsonplaceholder

typicode/jsonplaceholder: A simple online fake REST API server
JSONPlaceholder - Fake online REST API for developers

json-server

typicode/json-server: Get a full fake REST API with zero coding in less than 30 seconds (seriously)

serve-handler

zeit/serve-handler: The foundation of `serve` and static deployments on Now
serve-handler - npm

serve

zeit/serve: Static file serving and directory listing
tj/serve: Simple command-line file / directory server built with connect - supports stylus, jade, etc
expressjs/serve-static: Serve static files
serve - npm

server

franciscop/server: Simple and powerful server for Node.js
Server.js

¥SSH 库

node-ssh

steelbrain/node-ssh: SSH2 with Promises
node-ssh - npm

ssh2

mscdex/ssh2: SSH2 client and server modules written in pure JavaScript for node.js

¥SMTP

emailjs

eleith/emailjs: html emails and attachments to any smtp server with nodejs

EmailVerify/email-verify: Node.js email SMTP verification, powered by EmailChecker.com API

¥STOMP

stomp-js/stompjs: Javascript and Typescript Stomp client for Web browsers and node.js apps
stomp-js/stomp-websocket: Stomp client for Web browsers and node.js apps
stomp-js/ng2-stompjs: Angular 6 and 7 - Stomp service over Websockets
472647301/react-native-byron-stomp: 适用于react-native的stompjs
loming/react-stompjs: React websocket High Order Component with @stomp/stompjs (V5) over SockJS
HupuInc/stompjs-proxy: Stomp websocket proxy, for Stomp.js
z-hao-wang/stompjs-nodejs: stompjs for nodejs wrapper with typing support and auto connect
ye0nyu/vue-stomp-operator: Vue Stomp and SockJS wrapper plugin
@stomp/stompjs - npm
react-stompjs-client - npm
STOMP 客户端 API 整理_firejq 的博客-CSDN博客

¥TCP/IP/Gateway/Geolocation

@apollo/gateway

@apollo/gateway - npm

js-ipfs

ipfs/js-ipfs: IPFS implementation in JavaScript
miaoski/ipfs-tutorial: IPFS 筆記和教學 (繁體中文)
redacademy/vue-ethereum-ipfs: Distributed Application Starter: Vue front-end, Ethereum / IPFS Backend

node-ip

indutny/node-ip: IP address tools for node.js
node-ip - npm
ip - npm

gateway · GitHub Topics
cnwhy/lib-qqwry: 用NodeJS解析纯真IP库(QQwry.dat) 支持IP段查询
sindresorhus/public-ip: Get your public IP address - very fast!
sindresorhus/public-ip-cli: Get your public IP address
sindresorhus/internal-ip-cli: Get your internal IP address
silverwind/default-gateway: Get the default network gateway, cross-platform.
beaugunderson/ip-address: 💻 a library for parsing and manipulating IPv4 and IPv6 addresses in JavaScript
internal-ip - npm
proxy-addr - npm
address - npm
ipaddr.js - npm
ip-regex - npm
public-ip - npm
dev-ip - npm
ip-address - npm
url-parse-lax - npm
netmask - npm
is-ip - npm
ipware - npm
geo-from-ip - npm
request-ip - npm
ip-cidr - npm
ng-ip-address - npm
rangecalc - npm
maxmind - npm
set-ip-address - npm
node-where - npm
node-iplocate - npm

¥统一资源标识符(Uniform Resource Identifier,URI)&统一资源定位符(Uniform Resource Location,URL)

urlencode

urlencode - npm

url-pattern

snd/url-pattern: easier than regex string matching patterns for urls and other strings. turn strings into data or data into strings.

IonicaBizau/parse-path: Parse paths (local paths, urls: ssh/git/etc)

¥上传

Turistforeningen/node-s3-uploader: Flexible and efficient resize, rename, and upload images to Amazon S3 disk storage. Uses the official AWS Node SDK for transfer, and ImageMagick for image processing. Support for multiple image versions targets.

¥日志

jaeger

jaegertracing/jaeger: CNCF Jaeger, a Distributed Tracing Platform
Jaeger: open source, end-to-end distributed tracing

winston

winstonjs/winston: A logger for just about everything.

zipkin

openzipkin/zipkin: Zipkin is a distributed tracing system
OpenZipkin · A distributed tracing system

Node 服务中如何更好地打日志

pino

pinojs/pino: 🌲 super fast, all natural json logger 🌲
Readme

log4js-node

log4js-node/log4js-node: A port of log4js to node.js

¥数据处理&数据优化

#buffer

clone-buffer

clone-buffer - npm

bufferhelper

JacksonTian/bufferhelper: Concat buffer correctly and easily.

#node-rate-limiter

node-rate-limiter-flexible

animir/node-rate-limiter-flexible: Node.js rate limiter by key and protection from DDoS and Brute-Force attacks in process Memory, Redis, MongoDb, Memcached, MySQL, PostgreSQL, Cluster or PM

jhurliman/node-rate-limiter: A generic rate limiter for node.js. Useful for API clients, web crawling, or other tasks that need to be throttled

#stream

node-stream-throttle

tjgq/node-stream-throttle: A rate limiter for node.js streams.

stream-utils

bytes.js

visionmedia/bytes.js: node byte string parser

node-throttle

TooTallNate/node-throttle: Node.js Transform stream that passes data through at `n` bytes per second

node-brake

substack/node-brake: throttle a stream with backpressure

parameter

node-modules/parameter: A parameter verify tools.

tj/node-only: return whitelisted properties of an object
jieter/Leaflet.Sync: Synchronized view of two maps.

¥代码&语法

#lambda

node-lambda

motdotla/node-lambda: Command line tool to locally run and deploy your node.js application to Amazon Lambda

mentum/lambdaws-instant-api: Create scalable and distributed API endpoints from any Javascript function

generator-node

yeoman/generator-node: Create a Node.js module

import-local

sindresorhus/import-local: Let a globally installed package use a locally installed version of itself if available

isolated-vm

laverdet/isolated-vm: Secure & isolated JS environments for nodejs

jsdom

js-symbol-tree

jsdom/js-symbol-tree: Turn any collection of objects into its own efficient tree or linked list using Symbol

jsdom/jsdom: A JavaScript implementation of the WHATWG DOM and HTML standards, for use with node.js

jstransformer

jstransformers/jstransformer: Normalize the API of any JSTransformer.
jstransformer - npm

looks-same

gemini-testing/looks-same: Node.js library for comparing images

lowjs

neonious/lowjs: A port of Node.JS with far lower system requirements. Community version for POSIX systems such as Linux, uClinux or Mac OS X.

npm-dom

npm-dom

node-DeepSpeech

teamthesol/node-DeepSpeech: We provides 'Node' functions for easy use of 'Mozilla/DeepSpeech' STT.

node-libs-browser

webpack/node-libs-browser: [DEPRECATED] The node core libs for in browser usage.

tink

npm/tink: a dependency unwinder for javascript

llafuente/class: Class system for nodejs (ES5 required, could work on new browsers). Provide a proper clean wait to deal with spagetti code that usually polute Javascript. Also provide a proper typeof and instanceof.

¥系统操作

#distributed

bull

OptimalBits/bull: Premium Queue package for handling distributed jobs and messages in NodeJS.

#job scheduler

bree

breejs/bree: The best job scheduler for Node.js and JavaScript with cron, dates, ms, later, and human-friendly support. Works in Node v10+ and browsers, uses workers to spawn sandboxed processes, and supports async/await, retries, throttling, concurrency, and graceful shutdown. Simple, fast, and lightweight. Made for @ForwardEmail and @ladjs.

node-cron

kelektiv/node-cron: Cron for NodeJS.
node-cron/node-cron: A simple cron-like job scheduler for Node.js

node-schedule

node-schedule/node-schedule: A cron-like and not-cron-like job scheduler for Node.

node-convict

mozilla/node-convict: Featureful configuration management library for Node.js

sindresorhus/open: Open stuff like URLs, files, executables. Cross-platform.
nathankellenicki/node-poweredup: A Javascript module to interface with LEGO Powered Up components.
shark-cleaner: 一个Node Cli 实现的垃圾清理工具(深层清理开发垃圾) - 掘金

¥存储

#高速缓存(Caching)

node-cache-manager

BryanDonovan/node-cache-manager: Cache module for Node.JS
dial-once/node-cache-manager-redis: Node cache store for Redis
dabroek/node-cache-manager-redis-store: Redis store for node-cache-manager using node_redis.
dabroek/node-cache-manager-ioredis: Redis store for node-cache-manager using IORedis.
v4l3r10/node-cache-manager-mongodb: Node cache store for MongoDb
disjunction/node-cache-manager-mongoose: node cache manager store for mongoose
hotelde/node-cache-manager-fs: Node Cache Manager store for filesystem
sheershoff/node-cache-manager-fs-binary: Node Cache Manager store for filesystem with faster binary data stored as separate files
rolandstarke/node-cache-manager-fs-hash: Node Cache Manager store for filesystem that saves the data in a file named with the hash of the key
marudor/node-cache-manager-hazelcast: Node Cache Manager for Hazelcast
theogravity/node-cache-manager-memcached-store: memcached impl for node-cache-manager
theogravity/node-cache-manager-memory-store: Simple in-memory store for node-cache-manager. Mainly used for unit testing purposes.

#本地连续存储(Continuation-Local Storage,CLS)

node-continuation-local-storage

othiym23/node-continuation-local-storage: implementation of https://github.com/joyent/node/issues/5243

puzpuzpuz/cls-rtracer: Request Tracer - CLS-based request id generation for Express, Fastify, Koa and Hapi, batteries included
aigoncharov/cls-proxify: Logging on steroids with CLS and Proxy. Integrated with express, koa, fastify.

#局部线程存储(Thread-local Storage)

cookies

pillarjs/cookies: Signed and unsigned cookies based on Keygrip

increase-memory-limit

endel/increase-memory-limit: Increase memory limit for local node binaries ("max-old-space-size")

node-client-sessions

mozilla/node-client-sessions: secure sessions stored in cookies

node-localstorage

lmaccherone/node-localstorage: A drop-in substitute for the browser native localStorage API that runs on node.js.

tough-cookie

salesforce/tough-cookie: RFC6265 Cookies and CookieJar for Node.js

¥文件操作

#path

jbgutierrez/path-parse: Node.js path.parse() ponyfill

#require

aliasify

benbria/aliasify: Rewrite require calls in browserify modules.

troygoode/node-require-directory: Recursively iterates over specified directory, requiring each file, and returning a nested hash structure containing those libraries.
aseemk/requireDir: Node.js helper to require() directories.
felixge/node-require-all: An easy way to require all files within a directory.
Rush/link-module-alias: Register aliases of directories and custom module paths in Node - no require hook
ricardobeat/require-tree: require multiple files and directories at once
sindresorhus/resolve-cwd: Resolve the path of a module like `require.resolve()` but from the current working directory
balderdashy/include-all: An easy way to include all files within a directory. Note: This is a fork of felixge's require-all which allows for optional includes.
sindresorhus/import-cwd: Import a module like with `require()` but from the current working directory
Gaafar/pkg-require: require node files relative to your package directory
mikeal/requirein: A require() that works in a specified directory.
alykoshin/require-dir-all: Yet another Node.js helper to require all files in directory
ilearnio/module-alias: Register aliases of directories and custom module paths in Node

#read、write、copy、move&delete

copy

jonschlinkert/copy: Copy files using glob patterns. Sync, async, promise or streams. (node.js utility)

clone-stats

clone-stats - npm

copy-concurrently

npm/copy-concurrently: Promises of copies of files, directories and symlinks, with concurrency controls and win32 junction fallback.
copy-concurrently - npm

fs-copy-file-sync

fs-copy-file-sync - npm

node-fs-extra

jprichardson/node-fs-extra: Node.js: extra methods for the fs object like copy(), remove(), mkdirs()
jdxcode/fs-extra-debug: Monitor fs-extra calls. Uses the debug module.
cadorn/mfs: Monitor your calls to node-fs-extra.
node-fs-extra - npm
fs-extra - npm
fs | Node.js API 文档
node-"fs-extra"模块代替fs使用 - weixin_33968104的博客 - CSDN博客
[包计划] node-fs-extra - 伤口上撒糖 - 博客园
nodejs文件操作扩展fs-extra - 云+社区 - 腾讯云
fs-extra模块简要使用说明 | 空谷幽兰
atao60/fse-cli: A cli for fs-extra

node-klaw

jprichardson/node-klaw: A Node.js file system walker with a Readable stream interface. Extracted from fs-extra.
manidlou/node-klaw-sync: Node.js recursive synchronous fast file system walker
joliss/node-walk-sync: List directory contents recursively

node-mkdirp

substack/node-mkdirp: Recursively mkdir, like `mkdir -p`, but in node.js

ncp

ncp - npm
AvianFlu/ncp: Asynchronous recursive file copying with Node.js.

txs1992/node-copy-files: 🚀 Node-based library for copying files;基于 Node 一个复制文件或目录的库,大小不足 1 KB。
calvinmetcalf/copyfiles: copy files on the command line
dudada/copyFile: nodejs 编写的复制文件命令
dujuncheng/copy: 用node 遍历拷贝文件夹
Joyceandlee/operationDir: fs模块实现文件及文件夹的删除,拷贝,扁平化
coderaiser/fs-copy-file: Nodejs fs.copyFile ponyfill
coderaiser/fs-readdir-with-file-types: fsPromises.readdir withFileTypes ponyfill https://nodejs.org/dist/latest-v10.x/docs/api/fs.html#fs_fspromises_readdir_path_options
coderaiser/fs-copy-file-sync: Nodejs fs.copyFileSync ponyfill
coderaiser/fs-readdir-sync-with-file-types: fs.readdirSync withFileTypes ponyfill https://nodejs.org/dist/latest-v10.x/docs/api/fs.html#fs_fs_readdirsync_path_options
sindresorhus/make-dir: Make a directory and its parents if needed - Think `mkdir -p`
sindresorhus/make-dir-cli: Make directories and their parents if needed - Like `mkdir -p`, but cross-platform
sindresorhus/cpy: Copy files
sindresorhus/cpy-cli: Copy files
sindresorhus/move-file: Move a file - Even works across devices
siarheidudko/receive-file: This is the download file function for nodejs.
itvincent-git/fast-delete: FastDelete是一个快速删除文件夹的工具,基于nodejs里文件操作的强大性能。特别是文件夹里存在大量小文件的情况下,FastDelete能够比Windows的删除操作快上十倍。

#tree

broccoli-merge-trees

broccoli-merge-trees - npm

ctree-cli

ggwork/ctree-cli: The solution to list the contents of directories in a tree-like format
ctree-cli - npm

merge-trees

merge-trees - npm

jrainlau/filemap: A tool for creating files structure tree map.

chokidar

paulmillr/chokidar: An efficient wrapper around node.js fs.watch / fs.watchFile / FSEvents

Datash

datash/datash: Send and Receive files directly from your browser
Datash

file-type

sindresorhus/file-type: Detect the file type of a Buffer/Uint8Array
file-type - npm

node-graceful-fs

isaacs/node-graceful-fs: fs with incremental backoff on EMFILE

npkill

voidcosmos/npkill: List any node_modules directories in your system, as well as the space they take up. You can then select which ones you want to erase to free up space.

node-useref

digisfera/useref: Parse build blocks in HTML files to replace references

arthurintelligence/node-fs-filesystem: NodeJS Filesystem Utility

¥开发C++

libuv

libuv/libuv: Cross-platform asynchronous I/O
libuv | Cross-platform asynchronous I/O
Welcome to the libuv documentation — libuv documentation

node-gyp

nodejs/node-gyp: Node.js native addon build tool

nan

nodejs/nan: Native Abstractions for Node.js

node-addon-api

nodejs/node-addon-api: Module for using N-API from C++

readthedocs/readthedocs.org: The source code that powers readthedocs.org
首页 | Read the Docs
将C++代码加载到JavaScript中 - 掘金

¥语义化版本说明

node-semver

npm/node-semver: The semver parser for node (the one npm uses)

zeeshanu/dumper.js: A better and pretty variable inspector for your Node.js applications
ksky521/nodeppt: This is probably the best web presentation tool so far!

Node.js projects

#Node.js 服务端渲染(SSR)

node服务端渲染(完整demo) - 掘金

#微服务

《教你用node从零搭建一套微服务系统》

教你用node从零搭建一套微服务系统(一)_个人文章 - SegmentFault 思否
教你用node从零搭建一套微服务系统(二) - 个人文章 - SegmentFault 思否
教你用node从零搭建一套微服务系统(三) - 个人文章 - SegmentFault 思否
教你用node从零搭建一套微服务系统(四) - 个人文章 - SegmentFault 思否

burning0xb/common-service
burning0xb/node-service-common: 这是一个微服务通用节点
burning0xb/node-service-order: 这是一个微服务订单节点
burning0xb/node-service-account: 这是一个微服务账户节点
burning0xb/api-rest

blog-node

biaochenxuying/blog-node: 基于 node + express + mongodb 的博客网站后台

instagram-private-api

dilame/instagram-private-api: NodeJS Instagram private API client. Written in TypeScript.

Node.js to browser

bokub/lyo: 📦 Node.js to browser - The easy way

ncc

zeit/ncc: Node.js Compiler Collection

node-elm

bailicangdu/node-elm: 基于 node.js + Mongodb 构建的后台系统

node-fs

bailicangdu/node-fs: 基于node搭建的文件/图片管理系统

node-red

node-red/node-red: Low-code programming for event-driven applications

nodeMirror

soliton4/nodeMirror: node.js + CodeMirror = powerful ide

Node-Media-Server

illuspas/Node-Media-Server: A Node.js implementation of RTMP/HTTP-FLV/WS-FLV/HLS/DASH/MP4 Media Server

Throttle

dmolsen/Throttle: Throttle is a simple node.js app that makes it easier to test how a website performs on poor network connections. For example, testing a responsive website on a poor 3G connection without actually having to have a poor 3G connection. Sim
dmolsen.com

Requarks/wiki: Wiki.js | A modern, lightweight and powerful wiki app built on NodeJS, Git and Markdown
answershuto/Rental: 🏠 Rental app base on Node.js
johntitus/node-horseman: Run PhantomJS from Node
erhutime/MsgAllTime: 演示项目
Nirongxu/nodePlatform-eggjs: 基于egg.js编写的node平台
ruralist-siyi/koa2-mysql-sequelize-JWT: Node.js、koa2、sequelize and mysql、log4js、JWT ;Node.js全栈实战开发;前端taro实现了一个目标记录的weapp;
lifenglei/my-story: 一个学习node的练手项目 node+mysql+vue
yenly/foamy-nextjs: Basic Foam + NextJS with MDX starter for building a digital garden
pipiliang/docker-dashboard: Console based docker dashboard.
用Node+wechaty写一个爬虫脚本每天定时给女(男)朋友发微信暖心话 - 掘金
NodeJS全栈开发一个功能完善的Express项目(附完整源码)
从 0 到 1 node 项目管理系统: Gitlab Api
NodeBB – 基于 Node.js 的开源论坛系统 - 梦想天空(山边小溪) - 博客园
Node.js 搭建一个 API 接口服务(实战)

Node.js 资源、整理集&FAQ

¥Node.js 资源

Nodejs-Roadmap

qufei1993/Nodejs-Roadmap: 【Nodejs-Roadmap】侧重于 Node.js 服务端的开发指南,公众号 “Nodejs技术栈”
soliury/noder-react-native: The mobile app of cnodejs.org written in React Native
Node.js技术栈
五月君的动态

nodejs · GitHub Topics
node · GitHub Topics
sindresorhus/awesome-nodejs: Delightful Node.js packages and resources
gamedilong/awesome-nodejs-cn: nodejs优秀资源集
Pines-Cheng/awesome-nodejs-cn: Nodejs 资源大全中文版,正在翻译中。。。
ElemeFE/node-interview: How to pass the Node.js interview of ElemeFE.
nodejs/node-eps: Node.js Enhancement Proposals for discussion on future API additions/changes to Node core
typescript-cheatsheets/node: (seeking maintainers) Cheatsheets for experienced Node.js developers getting started with TypeScript
blogfoster/blogfoster-scripts: Single-command, zero-config tooling for Node.js projects
nswbmw/node-in-debugging: 《Node.js 调试指南》
nswbmw/N-blog: 《一起学 Node.js》
goldbergyoni/nodebestpractices: The Node.js best practices list (July 2020)
NoderSurvey/reporters: Node.js 开发者报告
脚手架的开发总结 - 掘金
一篇文章构建你的 NodeJS 知识体系 - 掘金
轻量级配置中心Nodejs版 - 掘金
「万字整理 」这里有一份Node.js入门指南和实践,请注意查收 ❤️ - 掘金
node.js中文资料导航_node-js,资源分享_whqet-CSDN博客
【入门必备】最佳的 Node.js 学习教程和资料书籍 - 梦想天空(山边小溪) - 博客园
24个很赞的 Node.js 免费教程和在线指南 - 梦想天空(山边小溪) - 博客园
【干货分享】Node.js 中文资料导航 - 梦想天空(山边小溪) - 博客园
【特别推荐】Node.js 入门教程和学习资源汇总 - 梦想天空(山边小溪) - 博客园
NodeX Component - 滴滴集团 Node.js 生态组件体系
Node.js 入门 / 第一个示例程序 hello world - 汇智网
chyingp/nodejs-learning-guide: Nodejs学习笔记以及经验总结,公众号"程序猿小卡"
i5ting/How-to-learn-node-correctly: [全文]如何正确的学习Node.js

¥Node.js 整理集

《node基础与开发web程序》

node基础---01异步和事件触发 - 掘金
node基础---02DIRT程序 - 掘金
node基础---03node编程基础 - 掘金
node开发web程序---04构建node web程序 - 掘金
node开发web程序---05存储node程序的数据 - 掘金
node开发web程序---06Connect - 掘金

《node.js搭建接口》

node.js搭建接口(一):使用express搭建服务器_前端啥也不懂-CSDN博客
node.js搭建接口(二):Node-连接MongoDB数据库_前端啥也不懂-CSDN博客
node.js搭建接口(三):Node-搭建路由和数据模型_前端啥也不懂-CSDN博客
node.js搭建接口(四):Node-搭建注册接口并存储数据_前端啥也不懂-CSDN博客
node.js搭建接口(五):Node-搭建登录接口_前端啥也不懂-CSDN博客_node登录接口
node.js搭建接口(六):Node-使用jwt实现token_前端啥也不懂-CSDN博客
node.js搭建接口(七):Node-使用passport-jwt验证token_前端啥也不懂-CSDN博客
node.js搭建接口(八):Node-使用validator验证用户信息_前端啥也不懂-CSDN博客_node validator
node.js搭建接口(九):Node-使用中间件实现跨域_前端啥也不懂-CSDN博客_node中间件解决跨域
node.js搭建接口(十):Node-为数据库搭建高级数据模型_前端啥也不懂-CSDN博客
node.js搭建接口(十一):Node-获取和存入当前登录用户的个人信息_前端啥也不懂-CSDN博客
node.js搭建接口(十二):Node-删除信息接口_前端啥也不懂-CSDN博客

《nodejs --- 融会贯通》

nodejs --- 融会贯通 (一)
nodejs --- 融会贯通 (二)
nodejs --- 融会贯通 (三)

《Nodejs教程》

Nodejs教程01:Nodejs简介 - 掘金
Nodejs教程02:response.write - 掘金
Nodejs教程03:File System - 掘金
Nodejs教程04:使用http和fs模块实现一个简单的服务器 - 掘金
Nodejs教程05:HTTP协议 - 掘金
Nodejs教程06:处理接收到的GET数据 - 掘金
Nodejs教程07:处理接收到的POST数据 - 掘金
Nodejs教程08:同时处理GET/POST请求 - 掘金
Nodejs教程09:实现一个带接口请求的简单服务器 - 掘金
Nodejs教程10:Nodejs的模块化 - 掘金
Nodejs教程11:assert(断言) - 掘金
Nodejs教程12:path(路径) - 掘金
Nodejs教程13:URL模块 - 掘金
Nodejs教程14:querystring模块 - 掘金
Node。js教程15:net模块初探 - 掘金
Nodejs教程16:POST文件上传 - 掘金
Nodejs教程17:multiparty - 掘金
Nodejs教程18:Ajax跨域 - 掘金
Nodejs教程19:WebSocket之一:使用Socket.io建立WebSocket应用 - 掘金
Nodejs教程20:WebSocket之二:用原生实现WebSocket应用 - 掘金
Nodejs教程21:数据库入门 - 掘金
Nodejs教程22:使用Nodejs操作数据库 - 掘金
Nodejs教程23:使用async/await异步操作数据库 - 掘金
Nodejs教程24:Stream流 - 掘金
Nodejs教程25:启动器 - 掘金
Nodejs教程26:Node.js项目之一:创建目录,环境配置,连接数据库 - 掘金
Nodejs教程27:Node.js项目之二:实现路由 - 掘金
Nodejs教程28:Node.js项目之三:实现服务器 - 掘金
Nodejs教程29:Node.js项目之四:添加路由,完成项目 - 掘金

《Node.js入门系列》

Node.js入门系列(一)
Node.js入门系列(二)模块、REPL
Node.js入门系列(三)开发调试、全局内置函数和变量
【写给初入前端职场同学的话】,顺便聊聊:Node.js入门系列(四)事件处理机制及事件环机制
Node.js入门系列(五)Node.js的模块管家:npm

《NodeJs简明教程》

(...) NodeJs简明教程(1)_程序开发 - SegmentFault 思否
(...) NodeJs简明教程(2)_程序开发 - SegmentFault 思否
(...) NodeJs简明教程(3)_程序开发 - SegmentFault 思否
(...) NodeJs简明教程(4)_程序开发 - SegmentFault 思否
(...) NodeJs简明教程(5)_程序开发 - SegmentFault 思否
(...) NodeJs简明教程(6)_程序开发 - SegmentFault 思否
(...) NodeJs简明教程(7)_程序开发 - SegmentFault 思否
(...) NodeJs简明教程(8)_程序开发 - SegmentFault 思否
(...) NodeJs简明教程(9)_程序开发 - SegmentFault 思否
(...) NodeJs简明教程(10)_程序开发 - SegmentFault 思否
(...) NodeJs简明教程(11) - 完结篇_程序开发 - SegmentFault 思否

《使用 nodejs 写爬虫》

使用 nodejs 写爬虫(-): 常用模块介绍和前置JS语法 - 掘金
使用 nodejs 写爬虫(-): 常用模块介绍和前置JS语法 - 掘金
使用 nodejs 写爬虫(二): 抓取 github 热门项目 - 掘金

《大前端进阶 Node.js》

🔥《大前端进阶 Node.js》系列 多进程模型底层实现(字节跳动被问) - 掘金
🔥《大前端进阶 Node.js》系列 双十一秒杀系统(进阶必看) - 掘金
🔥《大前端进阶 Node.js》系列 必知必会必问(面试高频) - 掘金
🔥《大前端进阶 Node.js》系列 P6必备脚手架/CI构建能力(上) - 掘金
《大前端进阶 Node.js》系列 P6必备脚手架/CI构建能力(下) - 掘金
《大前端进阶 Node.js》系列 异步非阻塞(同步/异步/阻塞/非阻塞/read/select/epoll) - 掘金

《全栈开发学习(Node+Vue+Mongodb)》

全栈开发学习(Node+Vue+Mongodb)(一)——开发前的准备工作 - 掘金
全栈开发学习(Node+Vue+Mongodb)(二)——后台管理界面的搭建 - 掘金
全栈开发学习(Node+Vue+Mongodb)(三)——后台接口与数据库准备 - 掘金
全栈开发学习(Node+Vue+Mongodb)(四)——后台数据的CRUD操作 - 掘金
全栈开发学习(Node+Vue+Mongodb)(五)——通用CRUD接口 - 掘金
全栈开发学习(Node+Vue+Mongodb)(六)——图片上传 - 掘金
全栈开发学习(Node+Vue+Mongodb)(七)——管理员登录及校验 - 掘金
全栈开发学习(Node+Vue+Mongodb)(八)——移动端页面搭建(主页部分) - 掘金
全栈开发学习(Node+Vue+Mongodb)(九)——移动端页面搭建(详情页部分) - 掘金
全栈开发学习(Node+Vue+Mongodb)(十)——后台数据展示到移动端页面 - 掘金

《搭建node服务》

搭建node服务(一):日志处理
搭建node服务(二):操作MySQL
搭建node服务(三):使用TypeScript
搭建node服务(四):Decorator装饰器

《使用 Node.js 定制你的技术雷达》

使用 Node.js 定制你的技术雷达:上篇
使用 Node.js 定制你的技术雷达:中篇

aisuhua/restful-api-design-references: RESTful API 设计参考文献列表,可帮助你更加彻底的了解REST风格的接口设计。
i0natan/nodebestpractices: The largest Node.JS best practices list (June 2018)
node实战前端缓存总结 - 掘金
问答方式学 Node.js - 掘金
问答方式学 Node.js(二) - 掘金
成为自信的node.js开发者(一) - 掘金
成为自信的node.js 开发者 (二) - 掘金
面试官问你关于node的那些事(基础篇)
面试官问你关于node的那些事(进阶篇)
一篇文章构建你的 NodeJS 知识体系
Nodejs技术栈 - 知乎
2020年,你应该知道 23 个非常有用的 NodeJs 库
2020年,你应该知道 23 个非常有用的 NodeJs 库

¥Node.js FAQ

HTTP客户端

【Node.js】 使用express配置静态web服务、http客户端以及get与post基本用法 - 章鱼仔的博客
node.js中express模块创建服务器和http模块客户端发请求 - jadeshu的博客
node.js中express模块创建服务器和http模块客户端发请求 - jadeshu - 博客园

文件操作

复制、删除文件 & 文件夹

node删除或者复制文件夹的内容 - a641832648的博客 - CSDN博客
Node.js fs模块(文件模块),创建、删除目录(文件),读取写入文件流 - houyanhua1的专栏 - CSDN博客
Node.JS 循环递归复制文件夹目录及其子文件夹下的所有文件_node.js_脚本之家
Node.JS循环递归复制文件夹目录及其子文件夹下的所有文件 - OurJS
node.js 递归复制文件夹(附带文件过滤功能) - Mr.聂 - 博客园
nodejs实现文件的拷贝复制 - 飘然离去 - 博客园

文件路径

浅析 NodeJs 的几种文件路径 · Issue #48 · imsobear/blog
javascript - Node __dirname, process.cwd() are reporting actual directory instead of symlinked one - Stack Overflow
Node中的__dirname与process.cwd() - yanzel的专栏 - CSDN博客
nodejs __dirname 与 process.cwd(); 的区别 - ISaiSai的专栏 - CSDN博客
关于Node.js的__dirname,__filename,process.cwd(),./文件路径的一些坑 - 个人文章 - SegmentFault 思否
process.cwd()和__dirname的区别 - 简书
__dirname和process.cwd()的区别 - 简书
nodejs __dirname 与 process.cwd()的区别-布布扣-bubuko.com
NodeJs中process.cwd()与__dirname的区别 - Tim晨 - 博客园
node中__dirname、__filename、process.cwd()、process.chdir()表示的路径_慕课手记
Nodejs中process.cwd()与__dirname的区别-云栖社区-阿里云

文件上传

Nodejs文件上传 - 掘金

检测端口

利用Node.js检测端口是否被占用的方法_node.js_脚本之家

进程与线程

深入理解Node.js 进程与线程(8000长文彻底搞懂)
【纯干货】Node.js eventloop + 线程池源码分析(建议细看) - 掘金

去水印

Faithree/dy: 100 行 js 代码下载抖音无水印视频、node.js
抖音: 抖音sign算法接口、去水印、schemeURL
用 Python 下载抖音无水印视频

内存

几个命令教你如何监控 Node 服务的内存情况

可执行

node pkg 打包一个为一个可执行程序(linux、windows、mac)_XuHang666的博客-CSDN博客_nodejs pkg 打包
将Node.js项目打包为一个可执行文件。 - 知乎

运行 Python 代码

pipcook/packages/boa at main · alibaba/pipcook
@pipcook/boa - npm
Node.js 多线程运行 Python 代码
Boa: 在 Node.js 中使用 Python

Node.js 进程平滑离场剖析 - 掘金
Node.js环境性能监控 - 掘金
全国到底有多少人在看直播?我用Node写了个爬虫统计了一下 - 掘金
一杯茶的时间,上手 Node.js - 掘金
你需要了解的有关 Node.js 的所有信息 - 掘金
30分钟教你优雅的搭建nodejs开发环境及目录设计 - 掘金
Node.js常用模块Module的加载机制与使用 - 掘金
一个前端渣渣的node开发体验 - 掘金
Node.js 深度调试指南
实战:在Node.js和Vue.js中构建文件压缩应用程序
部署Express至服务器 - nzyalj的博客 - CSDN博客
Window 通过cmd查看端口占用、相应进程、杀死进程等的命令 - Android应用安全防护和逆向分析-----作者 - CSDN博客
使用Express搭建Node.js服务器 - Smile_ping的博客 - CSDN博客
morgan日志的使用与解读 - web_xiaolei的博客 - CSDN博客
nodejs+express服务器搭建和使用教程 - 简书
Redis + NodeJS 实现一个能处理海量数据的异步任务队列系统 - SegmentFault 思否
Node.js 模块之 morgan中间件记录日志 - JokerJason - 博客园
面试官问:Node 与底层之间如何执行异步 I/O 调用?
PhantomJS not found on PATH_慕课问答
nodejs stdout重定向到文件(日志写入) | Jason Zeng
Express搭建服务器-webfem
node.js+express搭建简单的web服务器 | Wangx's blog

$RPC frameworks

grpc-over-webrtc

jsmouret/grpc-over-webrtc: gRPC over WebRTC

grpc-web

grpc/grpc-web: gRPC for Web Clients
improbable-eng/grpc-web: gRPC Web implementation for Golang and TypeScript
SafetyCulture/grpc-web-devtools: Chrome & Firefox Browser extension to aid gRPC-Web development
fullstorydev/grpcui: An interactive web UI for gRPC, along the lines of postman

$多端统一开发框架

chameleon

didi/chameleon: 真正专注于让一套代码运行多端的开发框架,提供标准的MVVM架构开发模式统一各类终端
Chameleon官网
Chameleon跨端框架——壹个理想主义团队的开源作品 - 掘金
滴滴开源跨平台统一 MVVM 框架:Chameleon - 前端 - 掘金

Omi

Tencent/omi: Next generation web framework in 4kb JavaScript (Web Components + JSX + Proxy + Store + Path Updating)
omi/packages at master · Tencent/omi
腾讯开源 | Tencent Open Source
Omi 多端开发之 - omip 适配 h5 原理揭秘 - 掘金

Taro

#Taro core

NervJS/taro: 多端统一开发框架,支持用 React 的开发方式编写一次代码,生成能运行在微信小程序、H5、React Native 等的应用。
NervJS/awesome-taro: 多端统一开发框架 Taro 优秀学习资源汇总
Taro 介绍 · Taro
Taro | 凹凸实验室

#Taro frameworks、libs&plugins

echarts-for-taro

WsmDyj/echarts-for-taro: 📜 适用于taro的echarts组件封装

#Taro 资源、整理集&FAQ

Taro 资源

taro - NervJS - 开源库 - 掘金

Taro 整理集

《Taro 小程序开发大型实战》

Taro 小程序开发大型实战(一):熟悉的 React,熟悉的 Hooks - 掘金
Taro 小程序开发大型实战(二):多页面跳转和 Taro UI 组件库 - 掘金
Taro 小程序开发大型实战(三):实现微信和支付宝多端登录 - 掘金
Taro 小程序开发大型实战(四):使用 Hooks 版的 Redux 实现应用状态管理(上篇) - 掘金
Taro 小程序开发大型实战(五):使用 Hooks 版的 Redux 实现应用状态管理(下篇) - 掘金
Taro 小程序开发大型实战(七):尝鲜微信小程序云(下篇) - 掘金
Taro 小程序开发大型实战(六):尝鲜微信小程序云(上篇) - 掘金
Taro 小程序开发大型实战(八):尝鲜 LeanCloud Serverless 云服务 - 掘金
Taro 小程序开发大型实战(九):使用 Authing 打造企业级用户系统 - 掘金

Taro FAQ

jQuery 写小程序?Taro 3 正式版发布:开放式跨端跨框架解决方案
TaroEcharts-各种图表在Taro中的实践 - 掘金
taro多端实践初探 - 掘金
三端开发调研之京东Taro - 掘金
Taro开发多端应用 - 掘金
Natsuha - 用Taro写个天气微信小程序 - 掘金
一杯茶的时间,上手 Taro 京东小程序开发 - 掘金
React/Vue/Nerv 任你选,多端框架 Taro 发布 3.0 RC 版本 - 掘金

momotech/MLN: 高性能、小巧、易上手的移动跨平台开发框架. A framework for building Mobile cross-platform apps with Lua

$小程序框架

AIPage

百度智能门户AIPage - 网站建设/小程序开发
AIPage 智能建站平台
AIPage 帮助中心

mpx

didi/mpx: An enhanced miniprogram framework with data reactivity and deep optimizition.

mpvue

mpvue-weui

KuangPF/mpvue-weui: 用 vue 写小程序,基于 mpvue 框架重写 weui。

Meituan-Dianping/mpvue: 基于 Vue.js 的小程序开发框架,从底层支持 Vue.js 语法和构建工具体系。
mpvue-docs
记一次基于mpvue的小程序开发及上线实战 - 掘金

megalo

kaola-fed/megalo: 基于 Vue 的小程序开发框架

wepy

Tencent/wepy: 小程序组件化开发框架
hjkcai/wepy-plugin-axios: 在 wepy 中使用 axios
liuziying/require-context: 去中心化模块加载插件
wepy-plugin-requireall - npm
[AST实战]从零开始写一个wepy转VUE的工具 - 掘金

小程序第三方框架对比 ( wepy / mpvue / taro ) - 掘金
七大热门小程序框架横评,谁是性能之王

$服务端渲染(SSR)、高性能渲染

her

hao123-fe/her: High-performance Enhanced Rendering solution, an implement of Pagelet and Bigpipe for Smarty. Hao123前端高性能渲染解决方案
Her - High-performance Enhanced Rendering Hao123前端高性能渲染解决方案 | Her - A High-performance Enhanced Rendering solution

谈谈我对服务端渲染(SSR)的理解

$框架模板、脚手架&架构

$CLI&可视化

amis

baidu/amis: 前端低代码框架
AMis Renderer

automan

xiaozhimn/automan: Automan一站式前端开发框架
ue2 web前端架构解决方案

aotoo-hub

webkixi/aotoo-hub: 前端多项目全栈脚手架

FIS3

fex-team/fis3: FIS3
FIS3 - 前端工程构建工具
FIS3 - 前端工程构建工具
前端自动构建工具 -- fis - 个人文章 - SegmentFault 思否
前端开发手札fis篇——关于部署目录的问题 - 帕奇的手札 - SegmentFault 思否
Fis3构建迁移Webpack之路 - 个人文章 - SegmentFault 思否

grapesjs

artf/grapesjs: Free and Open source Web Builder Framework. Next generation tool for building templates without coding
GrapesJS

gods-pen

ymm-tech/gods-pen: 基于vue的高扩展在线网页制作平台,可自定义组件,可添加脚本,可数据统计。A mobile page builder/editor, similar with amolink.
码良

ice

alibaba/ice: 🚀 飞冰 - 让前端开发简单而友好
飞冰 - 让前端开发简单而友好
飞冰 - 让前端开发简单而友好
飞冰 - 让前端开发简单而友好
飞冰 - 让前端开发简单而友好
飞冰 - 让前端开发简单而友好
全新体验的飞冰 2.0 正式发布 - 掘金
这,就是飞冰物料 - 掘金

jslib-base

logan70/jslib-base: 开箱即用的JavaScript库开发框架
JavaScript库架构实战 - 掘金

null-cli

webfansplz/null-cli: 🛠️ A command makes you more efficient
null-cli

openmct

nasa/openmct: A web based mission control framework.
Open MCT - Open Source Mission Control Software — Open MCT

product-boilerplate

nice-boys/product-boilerplate: Quickly ship your apps with the power of code generation.

page-pipepline

page-pipepline
page-pipepline/pipeline-editor: 🌾页面可视化搭建框架的web编辑器 -- https://page-pipepline.github.io/pipeline-editor/dist/#/

pm-cli

从零手写pm-cli脚手架,统一阿里拍卖源码架构 · Issue #72 · Nealyang/PersonalBlog
从零手写pm-cli脚手架,统一阿里拍卖源码架构

page-schema-player

ufologist/page-schema-player: 配页坊: 简称配方 - 为配置页面而生, 专注于配置后台页面

vee-cli

vee-cli脚手架实践(上)
vee-cli脚手架实践(中)
vee-cli脚手架实践(下)
we452366/vee-cli: 个人脚手架

WMR

preactjs/wmr: 👩‍🚀 The tiny all-in-one development tool for modern web apps.
create-wmr - npm

x-build

codexu/x-build: 🖖 Customizable front-end engineering scaffolding tools

ant-design/antd-init: Ant Design boilerplate generator.
一步一步手写一个自己前端脚手架cli工具 - 掘金
「可视化搭建系统」——从设计到架构,探索前端的领域和意义
百度数据可视化Sugar
百度数据可视化 Sugar-百度智能云
百度数智平台——百度大数据智能力量
「可视化搭建系统」——从设计到架构,探索前端领域技术和业务价值 - 知乎
20+个可视化搭建工具,一次玩个够

$前端项目模板&应用模板

unix/unix.bio: Modern static blog template.
wxyyxc1992/fe-boilerplates: Lucid & Futuristic Production Boilerplates For Frontend(Web) Apps, React/RN/Vue, with TypeScript(Optional), Webpack 4/Parcel, MobX/Redux 多技术栈前端项目模板
wxyyxc1992/Backend-Boilerplates: Boilerplate for Your Server Side(Backend) Application, Java | Spring(Boot, Cloud) | Node.js | Go | Python | DevOps 💫 服务端项目模板
doublechaintech/retailscm-biz-suite: 供应链中台系统基础版,集成零售管理, 电子商务, 供应链管理, 财务管理, 车队管理, 仓库管理, 人员管理, 产品管理, 订单管理, 会员管理, 连锁店管理, 加盟管理, 前
jaywcjlove/awesome-uikit: Collect JS Frameworks, Web components library and Admin Template.

$骨架屏

客户端骨架屏

客户端骨架屏实现 - 掘金

$架构

¥前端微服务化

#前端微服务化 core

phodal/microfrontends: Micro-frontend Architecture in Action-微前端的那些事儿
micro-frontend · GitHub Topics
micro-frontends · GitHub Topics
microfrontends · GitHub Topics
microfrontend · GitHub Topics
micro-services · GitHub Topics
microservices-architecture · GitHub Topics
Project Mosaic—Frontend Microservices
Thinking in Microfrontend (微前端的那些事儿) | microfrontends
Micro Frontends - extending the microservice idea to frontend development
插拔式前端的设计 · 前端工程化指南 · 看云

#前端微服务化 libs、plugins&tools

#iframe

iframe架构微前端实战 - 掘金
如何获取iframe window 和document 对象_JavaScript_xiongzhengxiang的专栏-CSDN博客
JS获取iframe中的document以及window_Python_maotou526的博客-CSDN博客
js获取iframe中的window对象的实现方法_javascript技巧_脚本之家
如何得到Iframe下的window对象 - - ITeye博客
根据iframe获取window - 光何 - 博客园

chunchao

JinJieTan/chunchao: chunchao,微前端框架
微前端框架chunchao(春潮)开源啦

emp

efoxTeam/emp: EMP Micro FE Base on webpack 5 & module federation
EMP微前端实战之cocos2d线上项目
EMP for Vue&React 互相远程调用

genesis

fmfe/genesis: 🔥Micro front end, micro service and lightweight solution based on Vue SSR🔥

generator-jhipster

jhipster/generator-jhipster: JHipster is a development platform to quickly generate, develop, & deploy modern web applications & microservice architectures.

luigi

SAP/luigi: Micro frontend framework

micromono

lsm/micromono: Write microservices in monolithic style

module-federation

Module Federation
module-federation/module-federation-examples: Implementation examples of module federation , by the creators of module federation

oc

opencomponents/oc: OpenComponents, serverless in the front-end world for painless micro-frontends delivery

piral

smapiot/piral: Framework for next generation web apps using microfrontends.
基于 React 的微前端:Piral 简析
siteless - npm

puzzle-js

puzzle-js/puzzle-js: ⚡ Micro frontend framework for scalable and blazing fast websites.

podium-lib

Podium
Podium · Easy server side composition of microfrontends

qiankun

umi-plugin-qiankun

umijs/umi-plugin-qiankun: Umi plugin for qiankun.

vue-cli-plugin-qiankun

F-loat/vue-cli-plugin-qiankun: 🚀 通过一行命令快速为你的 Vue 项目接入微前端框架 Qiankun

umijs/qiankun: 📦🚀Blazing fast, simple and completed solution for micro frontends.
blogs/Start.md at master · a1029563229/blogs
blogs/Communication.md at master · a1029563229/blogs
blogs/1.md at master · a1029563229/blogs
blogs/Deploy.md at master · a1029563229/blogs
hql7/wl-micro-frontends: Micro front end practical project tutorial. 微前端项目实战vue项目。基于vue3.0&qiankun2.0进阶版:https://github.com/wl-ui/wl-mfe
wl-ui/wl-mfe: 基于vue3+koa2+qiankun2的微前端后台管理系统项目实战
wusp1994/qiankunTestByWu: 微前端解决方案qiankun测试用例,主应用及子应用均为vue-cli 3 构建
记一次 微前端 qiankun 项目 实践 !!! 防踩坑指南 - 掘金
vue3.0&qiankun2.0极速尝鲜,微前端进阶实战! - 掘金
qiankun 微前端方案实践及总结
万字解析微前端、微前端框架qiankun以及源码
微前端qiankun从搭建到部署的实践

single-spa

microfrontend-admin

MarioLuLu7/microfrontend-admin: 微前端中后台应用demo, microfrontend-admin (single-spa, systemjs, vue, iview)

my-single-spa

YataoZhang/my-single-spa: 微前端框架简易实现,方便不了解微前端实现原理的同学快速掌握其原理
带你手写微前端框架 · Issue #4 · YataoZhang/my-single-spa

vue-single-spa

vue-single-spa: 基于vuejs的微前端demo项目。内含 vuejs,react,angular 三个子项目
Single-Spa + Vue Cli 微前端落地指南 (项目隔离远程加载,自动引入) - 掘金

single-spa
single-spa/single-spa: Microfrontends made easy
single-spa/single-spa.js.org
single-spa/single-spa-preact: a single-spa plugin for preact applications
single-spa/single-spa-angular: Helpers for building single-spa applications which use Angular
single-spa/single-spa-react: a single-spa plugin for react applications
single-spa/single-spa-angularjs
single-spa/single-spa-vue: a single-spa plugin for vue.js applications
joeldenning/coexisting-vue-microfrontends: A repo showing separate vue apps coexisting as microfrontends with single-spa
single-spa/vue-cli-plugin-single-spa
dabit3/micro-frontend-example: Building Micro Frontends with React, Vue, and Single-spa
QxQstar/single-spa-vue: 微前端框架single-spa 整合vue项目
single-spa
Getting Started with single-spa
前端插拔式 SPA 应用架构实现方案 - 掘金

mya-ake/vuejs-spa-dev-env: Vue.js 2.0でSPA(Single Page Application)作るための開発環境的なやつ
mongofeng/vue-mic: 基于lerna和single-spa,sysyem.js搭建vue的微前端框架

#前端微服务化 资源、整理集&FAQ

前端微服务化 资源

semlinker/awesome-micro-frontends: An Awesome list of posts, videos and tutorials on Micro Frontends
uniquesyl/micro-frontends-demo: 基于single-spa和SystemJS实现的微前端demo
jyxjyx/load-center
Zalando SE
(66) NingJS · 单页应用“联邦制”实践, 孙坤鹏 from UCloud - Nanjing September 2016 - YouTube
年度文章集合 | 最全微前端集合【建议收藏】

前端微服务化 整理集

《从0实现一个前端微服务》

从0实现一个前端微服务(上)
从0实现一个single-spa的前端微服务(中)
从0实现一个single-spa的前端微服务(下)

《微前端连载》

微前端连载 1:如何落地微前端一体化运营工作台 - 掘金
微前端连载 2/7: 如何分三步实施微前端 - 掘金
微前端连载 3/7:淘宝大型应用架构中的微前端方案 - 掘金

qiankun 微前端方案实践及总结
qiankun 微前端实践总结(二)
微前端自检清单
实施前端微服务化的六七种方式_Phodal's zenthink-CSDN博客
你必须知道的11个微前端框架
微前端自检清单

前端微服务化 FAQ

技术雷达之「微前端」- 将微服务理念扩展到前端开发 | 《前端的逆袭》知乎专栏 - 掘金
关于微前端你必须了解的三种实现方式 - 掘金
微前端在美团外卖的实践 - 掘金
微前端架构设计和实践:由来 - 掘金
对比微前端方案看 JS 模块的动态加载 - 掘金
微前端架构初探以及我的前端技术盘点 - 掘金
基于 React & TypeScript & Webpack 的微前端应用模板 - 掘金
微前端那些事 - 掘金
基于qiankun落地部署微前端爬”坑“记
聊聊微前端的原理和实践
2020年你必须要会的微前端 -(实战篇)
微前端原理和实战(single-spa qiankun)
基于 qiankun 的 CMS 应用微前端实践
一步步带你搞一个微前端框架--基于single-spa - 掘金
微前端究竟是什么,可以带来什么收益
帮你对比多种微前端方案
前端微服务整合之‘‘插拔式架构’‘实现方案_vue,react,app_LucioCN-CSDN博客
如何解构单体前端应用——前端应用的微服务式拆分_phodal-CSDN博客
基于vue-typescript-admin-element的微前端中后台应用 - 个人文章 - SegmentFault 思否
可能是你见过最完善的微前端解决方案 - 前端-专注javascript - SegmentFault 思否
可能是你见过最完善的微前端解决方案 - 知乎
标准微前端架构在蚂蚁的落地实践
前端微服务在字节跳动的打磨与应用
微前端在美团外卖的实践
Bifrost微前端框架及其在美团闪购中的实践
用微前端的方式搭建类单页应用
美团外卖前端容器化演进实践
网易严选企业级微前端解决方案与落地实践
微前端框架是怎么导入加载子应用的 【3000字精读】
深度:微前端在企业级应用中的实践 (1万字,华为)
万字解析微前端、微前端框架qiankun以及源码
深度:从零编写一个微前端框架
基于lerna和single-spa, sysyem.js搭建 vue 的微前端框架
Why micro-frontends? | 黯羽轻扬
Lazy loading - UI-Router
前端微服务整合之‘‘插拔式架构’‘实现方案

¥前端工程化

前端工程化 / 构建自动化 · Issue #1 · SunshowerC/blog
前端工程化 · 前端工程化指南 · 看云
前端工程化(1):VSCode中编写Vue代码的最佳姿势 - 掘金
前端工程化(2):快速搭建基于angular团队代码提交规范的工作流 - 掘金
前端工程化(3):在项目中优雅的设计基于Axios的请求方案 - 掘金
MVVM分层下的前端工程化开发 - 掘金
前端工程化: 脚手架+物料库快速生成新项目 - 掘金
前端工程化那些事 - 掘金
小菜鸡的成长之路(前端工程化)
手把手带你入门前端工程化——超详细教程
使用require.context实现前端工程自动化 - 简书
前端工程化下一站: IDE
16个方面深入前端工程化开发技巧《上》
#前端工程化系列文章

一套比较完整的前端技术选型,需要规整哪些东西,你知道不? - 掘金
面试都在问的微服务、服务治理、RPC、下一代微服务... 一文带你彻底搞懂! - 掘金
我们把公司前端架构了!
前端常见中间件机制对比分析
各大互联网公司架构演进之路汇总
干货:得到APP从零到一,Hybrid 架构的演进之路
调研 Federated Modules,应用秒开,应用集方案,微前端加载方案改进等
一文道尽软件架构及前端架构演进
【第1959期】面向 Model 编程的前端架构设计
程序员都喜欢用的架构图工具
面向 Model 编程的前端架构设计
程序员必知的7种软件架构模式

$后台管理框架

kitty

kitty: 基于Spring Boot、Spring Cloud、Vue.js 、Element UI实现,采用前后端分离架构的权限管理系统,JAVA快速开发平台。
kitty-ui: Kitty 前端,基于 Vue + Element 实现的权限管理系统。
kitty-generator: Kitty代码生成器,可以通过界面配置快速生成包括 model,dao,service,controller 以及页面的相关代码。

tabler

tabler/tabler: Tabler is free and open-source HTML Dashboard UI Kit built on Bootstrap

COOL-ADMIN
从零搭建中后台框架的核心流程 - 掘金

$静态网站生成器

docsify

docsifyjs/docsify: 🃏 A magical documentation site generator.
docsify

doczjs

Docz
doczjs/docz: ✍ It has never been so easy to document your things!
rakannimer/create-docz-app

gridea

getgridea/gridea: ✍️A static blog writing client (一个静态博客写作客户端)

Hugo

hugo · GitHub Topics
panr/hugo-theme-terminal: A simple, retro theme for Hugo
themefisher/airspace-hugo: Airspace theme (Hugo version)
zzossig/hugo-theme-zzo: Make a blog with hugo zzo theme!
The world’s fastest framework for building websites | Hugo
Hugo 是世界上最快的网站搭建框架 | Hugo 中文网

Metalsmith

segmentio/metalsmith: An extremely simple, pluggable static site generator.

netlify-cms

netlify/netlify-cms: A Git-based CMS for Static Site Generators

nav

xjh22222228/nav: 🔍 发现导航 , 一个非常强大的静态导航网站 🚁

raven-reader

hello-efficiency-inc/raven-reader: 📖 All your articles in one place. Beautiful.

shotCat_doc

1011cat/shotCat_doc: 开箱即用,利用vuepress快速搭建自己的类element-ui的组件文档
shotCat_doc
shotCat_doc 一个开箱即用的UI组件库文档 - 掘金

surge

sintaxi/surge: CLI for the surge.sh CDN
Surge

saber

saberland/saber: ()==[:::::::::::::> Build static sites in Vue.js, without the hassle

vuepress

vuejs/vuepress: 📝 Minimalistic Vue-powered static site generator
zpfz/vuepress-creator: A lightweight creator for VuePress project.
vuepress/awesome-vuepress: 🎉 A curated list of awesome things related to VuePress
xugaoyi/vuepress-theme-vdoing: 🎨一个基于VuePress的 知识管理&Blog 主题
VuePress
VuePress
VuePress 中文文档 | VuePress 中文网
VuePress中文网
一步步搭建 VuePress 及优化【初始化到发布】 - 掘金
一步步搭建 VuePress 及优化【插件系列】 - 掘金
一步步搭建 VuePress 及优化【自动化】 - 掘金
给你的 VuePress 添加 Gitalk 评论插件吧 - 掘金
我的这套VuePress主题你熟悉吧 - 掘金
vuepress爬坑之旅 - 掘金
用VuePress搞定你的博客(一) - 掘金
从今天开始,拿起VuePress打造属于自己的专属博客 - 掘金
如何快速搭建好看的个人博客(完整配置与源码)
一步步带你用VuePress来搭建个人网站
VuePress博客搭建笔记(一)简单上手 - 个人文章 - SegmentFault 思否
VuePress博客搭建笔记(二)个性化配置 - 个人文章 - SegmentFault 思否
VuePress搭建个人技术文档网站教程 - 个人文章 - SegmentFault 思否
VuePress入门教程 - 简书
使用vuepress-6小时搭建一个完全免费的个人网站 - 简书
VuePress 入门 - 简书
vuePress搭建属于自己的站点。 - 前端开发小菜菜 - 博客园
Vue 全家桶新成员 VuePress 体验报告 - 小专栏

11ty/eleventy: A simpler static site generator. An alternative to Jekyll. Transforms a directory of templates (of varying types) into HTML.
Eleventy

remoteinterview/zero: Zero is a web server to simplify web development.

$大前端 tools

$Al&nlp

#脸部识别

chengxy-nds/fire
「圣诞特辑」纯前端实现人脸识别自动佩戴圣诞帽 - 掘金
基于 Web 端的人脸识别身份验证 - 掘金
安排上了!PC人脸识别登录,出乎意料的简单
玩了一个人脸识别登录
前端人脸识别--两张脸相似度
Face++ – 提供给你实时的脸部识别 API - 梦想天空(山边小溪) - 博客园
jQuery 人脸识别插件,支持图片和视频 - 梦想天空(山边小溪) - 博客园
纯前端实现人脸识别-提取-合成 | 前端路上

Microsoft AI

Microsoft/ailab: Experience, Learn and Code the latest breakthrough innovations with Microsoft AI

nlp_overview

omarsar/nlp_overview: Overview of Modern Deep Learning Techniques Applied to Natural Language Processing

NLP-progress

sebastianruder/NLP-progress: Repository to track the progress in Natural Language Processing (NLP), including the datasets and the current state-of-the-art for the most common NLP tasks.

tracking.js

eduardolundgren/tracking.js: A modern approach for Computer Vision on the web
tracking.js

科幻

GitSquared/edex-ui: A science fiction terminal emulator designed for large touchscreens that runs on all major OSs.

$Chrome extensions、libs、plugins&tools

¥Chrome API

Chrome 66 新增异步剪贴板API - 知乎
从“快稳省安全”看Chromium——Chromium学习系列 - 掘金
Extensionizr - boilerplate for your chrome extension

¥Chrome Extensions

chrome-plugin-demo

sxei/chrome-plugin-demo: 《Chrome插件开发全攻略》配套完整Demo,欢迎clone体验
入门:建立 Chrome 扩展程序 - Google Chrome 扩展程序开发文档(非官方中文版)
Chrome插件入门 - 掘金
分享一个Chrome扩展收集集合以及配套的Chrome管理工具,值得一试 - 开发工具 - 掘金
【干货】Chrome插件(扩展)开发全攻略-好记的博客

unintended/download-organizer-chrome-extension: Chrome extesion that allows you to set custom download locations with a flexible regexp-based rules.
GoogleChromeLabs/ProjectVisBug: 🎨 Make any webpage feel like an artboard, download extension here https://chrome.google.com/webstore/detail/cdockenadnadldjbbgcallicgledbeoc
gildas-lormeau/SingleFile: Web Extension for Firefox/Chrome/MS Edge and CLI tool to save a faithful copy of an entire web page in a single HTML file
API Reference - Chrome Developers
Chrome 网上应用店 - 扩展程序
Pocket: 登录
APK Downloader [Latest] Download Directly | Chrome Extension v3 (Evozi Official)
Evozi Apps - Landing Page
Custom Cursor browser extension
收藏猫插件-Chrome插件商店,谷歌浏览器插件,谷歌应用商店插件推荐及下载
开发谷歌浏览器截图插件
Camtd - Chrome 多线程下载管理器插件,可满速下载百度网盘文件 - 工具资源 - 掘金
如何从官网下载 Google Chrome 离线安装包 - CSDN博客
chrome离线安装包下载方法 - 简书
一天学会Chrome插件开发 - 知乎
没有这 29 款插件的 Chrome 是没有灵魂的
扩展迷 - Chrome扩展与插件离线安装包商店
如何从谷歌商店下载应用到电脑? – 技术控
Chrome插件(谷歌浏览器插件) - 提供Chrome商店中优秀的Chrome插件推荐与下载服务
解决“只能通过Chrome网上应用商店安装该程序”的方法 - Chrome插件(谷歌浏览器插件)
优秀Chrome插件推荐,好用常用实用的Chrome插件推荐分享下载 - Chrome插件网
Making a unique extension id and key for Chrome extension? - Stack Overflow
网盘万能助手.

Awesome Screenshot

Awesome Screenshot

debugger-protocol-viewer

ChromeDevTools/debugger-protocol-viewer: DevTools Protocol API docs—its domains, methods, and events

Google Analytics

scrolldepth

Scroll Depth - A Google Analytics plugin for measuring page scrolling
robflaherty/jquery-scrolldepth: Google Analytics plugin to track visitor scroll depth

使用 Google Analytics 跟踪 JavaScript 错误 - 梦想天空(山边小溪) - 博客园

Google Earth

retroplasma/earth-reverse-engineering: WIP

Google Photos Web UI

Building the Google Photos Web UI | by Antin Harasymiv | Google Design | Medium
见微知著,Google Photos Web UI 完善之旅

keyframes.app

Keyframes.app

lambda-google-sheets

rcdexta/lambda-google-sheets: Lambda function to pull data from Postgres DB and dump to Google Spreadsheet

Memex

如何在 1000 条历史记录中搜到你已经忘记标题的网页?试试这个插件:Memex - 工具资源 - 掘金
WorldBrain's Memex - WorldBrain | Memex

puppeteer

puppeteer-api-zh_CN

zhaoqize/puppeteer-api-zh_CN: 📖 Puppeteer中文文档(官方指定的中文文档)
Puppeteer v5.5.0
puppeteer.launch

puppeteer/puppeteer: Headless Chrome Node.js API
GoogleChrome/puppeteer: Headless Chrome Node API
GoogleChromeLabs/pptraas.com: Puppeteer as a service
Puppeteer as a service
使用node+puppeteer破解验证码 - 掘金
如何结合Node和Puppeteer做网络爬虫 - 掘金
Puppeteer v7.0.1

rendertron

GoogleChrome/rendertron: A Headless Chrome rendering solution

workbox

GoogleChrome/workbox: 📦 Workbox: JavaScript libraries for Progressive Web Apps
Workbox  |  Google Developers

web-server-chrome

GitHub - kzahel/web-server-chrome: An HTTP Web Server for Chrome (chrome.sockets API)

wwwbasic

google/wwwbasic: WWWBasic is an implementation of BASIC (Beginner's All-purpose Symbolic Instruction Code) designed to be easy to run on the Web.

虚拟定位

Fake GPS location - Google Play 上的应用
Fake GPS Location Spoofer Free - Google Play 上的应用
Location Changer (Fake GPS Location) - Google Play 上的应用
GPS Emulator - Google Play 上的应用

wanthering/laipi: a chrome plugin to laipi
r00tSe7en/GoogleHackingTool: 在线Google Hacking 小工具
greatsuspender/thegreatsuspender: A chrome extension for suspending all tabs to free up memory
adam-p/markdown-here: Google Chrome, Firefox, and Thunderbird extension that lets you write email in Markdown and render it before sending.
RegExp Download Organizer :下载时自动保存到分类文件夹中 - Chrome插件(谷歌浏览器插件)
Download Fiddler Web Debugging Tool for Free by Telerik
chrome://flags/#enable-experimental-web-platform-features
Evozi Apps - Landing Page
OpenUserJS
APK Downloader [Latest] Download Directly | Chrome Extension v3 (Evozi Official)
Greasy Fork - 安全、实用的用户脚本大全
Google Developers – Medium
Google 日历 - 2021年1月24日这周
Chrome给我来10个
一文带你看透 Chrome 浏览器架构
11 个Chrome骚技巧让你为所欲为
谷歌家的验证码怎么了?搞他!
F5 同 Ctrl+F5 的区别你可了解
前端性能优化之利用 Chrome Dev Tools 进行页面性能分析
Chrome 页面呈现原理与性能优化之企业级分享总结(内附完整ppt)
Chrome 运行时性能瓶颈分析
google play商店怎么直接下载apk文件?google play商店在电脑上下载apk的方法 _pc6资讯
android下chrome调试手机网页的方法 - 为程序员服务

$Docker

Docker core

www.docker.com
Use multi-stage builds | Docker Documentation

Docker libs&tools

portainer/portainer: Simple management UI for Docker
prakhar1989/docker-curriculum: A comprehensive tutorial on getting started with Docker!
fcwu/docker-ubuntu-vnc-desktop: Docker image to provide HTML5 VNC interface to access Ubuntu LXDE and LXQT desktop environment
huan/docker-wechat: DoChat is a Dockerized WeChat (盒装微信) PC Windows Client for Linux

Docker 资源、整理集&FAQ

Docker 资源

docker-compose

docker-compose 编排指南 (v3.7)
docker-compose 编排指南 (v3.8)

Dockerfile

Dockerfile 惯用法,应该分发更小的容器

ihaiker/aginx: management API service for nginx
Docker笔记:常用命令汇总 - 朝雨忆轻尘 - 博客园

Docker 整理集

《Docker》

Docker(二)----Dockerfile文件详解 - fendo - CSDN博客
Docker(三)----Dockerfile搭建Nginx环境与文件挂载 - fendo - CSDN博客
Docker(四)----Docker-Compose 详解 - fendo - CSDN博客
Docker(五)----Docker-Compose部署nginx代理Tomcat集群 - fendo - CSDN博客
Docker(六)----Swarm搭建Docker集群 - fendo - CSDN博客
Docker(七)----搭建Portainer可视化界面 - CSDN博客

Docker FAQ

9102 年了,学点 Docker 知识 - 掘金
使用 Docker 搭建你自己的 RSS 服务(Miniflux) - 掘金
如何使用 docker 部署前端应用 - 掘金
写给前端的Docker实战教程 - 掘金
「nodejs + docker + github pages 」 定制自己的 「今日头条」 - 掘金
[手把手系列之]Docker 部署 vue 项目 - 掘金
【已解决】CentOS7使用yum安装Docker显示错误:cannot find a valid baseurl for repo: base/7/x86_6 - 掘金
个人服务器架构简介 - 掘金
一杯茶的时间,上手 Docker - 掘金
拒绝删库跑路!上手 Docker 容器数据管理 - 掘金
梦境亦相通:用 Network 实现容器互联 - 掘金
CentOS7搭建Docker私有仓库 - fendo - CSDN博客
前端工程师学Docker ? 看这篇就够了 【零基础入门 原创】
万字雄文详解云时代Docker原理!!!
一文零基础教你学会 Docker 入门到实践
harbor 2.0 搭建docker私有仓库_小喽喽-CSDN博客

$Download Manager&Software Manager

Advanced Installer

Free Windows Installer - MSI Installer Tool

IDM

Internet Download Manager: the fastest download accelerator

InstallShield

InstallShield Professional - Download

Inno Setup

Inno Setup

NSIS

NSIS Wiki
NSIS: Nullsoft Scriptable Install System download | SourceForge.net

agalwood/Motrix: A full-featured download manager.
jae-jae/Camtd: Chrome multi-threaded download manager extension,based on Aria2 and AriaNg. Chrome多线程下载扩展。
油猴脚本搭配工具 - 90网盘

$FTP

FileZilla

FileZilla - The free FTP solution
FileZilla中文网 - 免费开源的FTP解决方案
filezilla.sourceforge.net

monstaftp

jerrywham/MonstaFTP: Fork of Monsta FTP software
Free web-based FTP software - Monsta FTP

Xftp 6

xFTP6破解版|xFTP下载 v6.0.0080免费版 - 欧普软件下载
Xftp 6产品密钥|Xftp 6产品密钥注册码下载(附xftp 6 注册机/注册码/授权码及过期解决说明) - 3322软件站
xftp5免费版下载|Xftp 5 免费版中文注册版_附key注册码 - 系统天堂
xftp6密钥|xftp6注册机(含序列号)下载_附安装教程 - 多多软件站
Xshell6下载_Xmanager6标准版,企业版下载-Xmanager中文版网站
如何使用文件传输软件Xftp_百度经验

$GL

OpenGL

Learn OpenGL, extensive tutorial resource for learning Modern OpenGL
LearnOpenGL - Coordinate Systems

$HTML&移动端

$HTML

HTML libs、plugins&tools

HTML processor

rehype

rehype
rehypejs/rehype: HTML processor powered by plugins part of the @unifiedjs collective

HTML 资源、整理集&FAQ

7 User interaction — HTML5
基于vw等viewport视区单位配合rem响应式排版和布局 « 张鑫旭-鑫空间-鑫生活
前端必看的8个HTML+CSS技巧 - 掘金
练习笔记:使用jQuery实现H5拖放(drag 和 drop)功能 - CSDN博客
html 空白汉字占位符&#12288; - CSDN博客
给select增加placeholder技巧 - CSDN博客
HTMLTIPS - CSDN博客
jsp页面中注释 <!-- --> 和<%-- --%> 的区别 - CSDN博客
Html table td 内容自动换行 - CSDN博客
移动端适配问题 - 守候的回答 - SegmentFault 思否
autoplay自动播放策略 - 简书
手机/移动前端开发需要注意的20个要点_Android_脚本之家
HTML5新特性及详解 - 张三的美丽家园 - 博客园
HTML标签----图文详解 - 千古壹号 - 博客园
HTML5详解 - 何必再忆 - 博客园
送给前端的你,推荐几篇前端汇总文章。
HTML meta标签总结,HTML5 head meta属性整理-前端开发博客
创建自定义 HTML 电子邮件模板
如何编写兼容各主流邮箱的HTML邮件 - dengminhui - ITeye技术网站
HTML 格式的邮件怎样定义 CSS_HTML教程-织梦者
十六进制颜色代码表,图表及调色板 - Encycolorpedia
developer.android.com
在网页上使用苹方字体 - 任平生的学习笔记
HTML,CSS,font-family:中文字体的英文名称 (宋体 微软雅黑) - ithink-设计-Design
STRML: Projects and Work

$HTML5

¥H5 core

Google Web Designer
snaptomato.appspot.com
HTML 5.2
HTML5
Bézier Curve (de Casteljau algorithm)
HTML5+ API Reference

¥H5 plugins&tools

luban-h5

ly525/luban-h5: [WIP]en: web design tool || mobile page builder/editor || mini webflow for mobile page. zh: 类似易企秀的H5制作、建站工具、可视化搭建系统.

vConsole

Tencent/vConsole: A lightweight, extendable front-end developer tool for mobile web page.

Brunch - ultra-fast HTML5 build tool
Manifesto – HTML5 离线应用程序缓存校验工具 - 梦想天空(山边小溪) - 博客园
www.cnblogs.com/lhb25/p/html-inspector-a-code-quality-tool.html

¥H5 资源、整理集&FAQ

#H5资源

awesome-html5

diegocard/awesome-html5: A curated list of awesome HTML5 resources
opmai/awesome-html5: A curated list of awesome HTML5 resources. Inspired by awesome-php and awesome-python
CNFED/awesome-html5: 世上最全的中文翻译HTML5资源库

【特别推荐】Web 开发人员必备的经典 HTML5 教程 - 梦想天空(山边小溪) - 博客园
HTML5_入门 精通 教程_w3cplus

#H5整理集

MrXujiang/H5-: H5游戏算法和游戏清单
H5 键盘兼容性小结 - 掘金
勇闯28个关卡学会HTML与HTML5基础|FCC前端教程 - 掘金
(上)vue + axios 快速构建多页面应用H5移动端电商项目
(下)Vue+Echarts构建大数据可视化酷炫展示公司品牌实战项目分享(附源码)
10个让人眼花缭乱的 HTML5 和 JavaScript 效果 - 梦想天空(山边小溪) - 博客园
值得 Web 开发人员收藏的20个 HTML5 实例教程 - 梦想天空(山边小溪) - 博客园
Web 开发中应用 HTML5 技术的10个实例教程 - 梦想天空(山边小溪) - 博客园
8个惊艳的 HTML5 和 JavaScript 特效 - 梦想天空(山边小溪) - 博客园
分享16款基于 HTML5 Canvas 开发的网页游戏 - 梦想天空(山边小溪) - 博客园
精选9个值得学习的 HTML5 效果【附源码】 - 梦想天空(山边小溪) - 博客园

#H5 FAQ

H5 notification浏览器桌面通知 - 掘金
HTML5拍照、摄像机功能实战 - 掘金
HTML5 地理定位+地图 API:计算用户到商家的距离 - 掘金
html5录音功能实战 - 掘金
从零到一:实现通用一镜到底H5 - 从零到一 - SegmentFault 思否
聊聊input元素_HTML5, CSS, form, input, 会员专栏 教程_w3cplus
聊聊Web中的下拉选项的事情_CSS, A11Y, form, HTML5, 会员专栏 教程_w3cplus
好库推荐:拖拽生成 H5 页面,升职加薪就靠它了

$移动端

¥Android

Android core

WebView

WebView与APP交互实战记录 - 掘金
WebView库功能完善
一个一线前端攻城狮的快应用开发之路:2、我与WebView的斗智斗勇 - 掘金

Android frameworks

Cordova

apache/cordova-android: Apache Cordova Android
apache/cordova-ios: Apache Cordova iOS
apache/cordova-js: Apache Cordova js
GZYZIT/TeamToy-Mobile: 采用Cordova框架开发的团队待办事项管理平台TeamToy移动客户端
Apache Cordova

Jetpack

KunMinX/Jetpack-MVVM-Best-Practice: 是 难得一见 的 Jetpack MVVM 最佳实践!在 蕴繁于简 的代码中,对 视图控制器 乃至 标准化开发模式 形成正确、深入的理解!

PanelSwitchHelper

YummyLau/PanelSwitchHelper: A framework that helps the keyboard smoothly transition to the function panel 一个帮助键盘平稳过渡到功能面板的框架,支持动画无缝衔接,支持 activity/fragment/dialog/dialogFragment/popupWindow 容器,支持IM/直播/视频播放/信息流评论等场景

liangjingkanji/Channel: 由协程实现Android中的事件总线框架, 具备LiveData/LifeCycle/Coroutine特性, 无注册注销/支持标签/消息/异步/异常处理
JeremyLiao/InterfaceLoader: 史上最好用的Android跨进程接口调用框架

Android libs、plugins&tools

¥chart

PhilJay/MPAndroidChart: A powerful 🚀 Android chart view / graph view library, supporting line- bar- pie- radar- bubble- and candlestick charts as well as scaling, dragging and animations.

¥list

drakeet/MultiType: An Android library to create multiple item types list views easily and flexibly

¥progress

YCProgress

yangchong211/YCProgress: 自定义进度条,包括圆环型百分比进度条,直线型百分比进度条,还有仿360杀毒百分比进度条。可以自由设置进度条的类型,外部轮廓颜色,中心圆颜色,自定义百分比单位
YCProgress自定义百分比进度条 - 掘金

¥播放器

Zhaoss/VideoPlayerDemo: 封装bilibili播放器,自定义边下边播和缓存功能
Bilibili/ijkplayer: Android/iOS video player based on FFmpeg n3.4, with MediaCodec, VideoToolbox support.
封装bilibili播放器,自定义边下边播和缓存功能 - 掘金

¥日历

prolificinteractive/material-calendarview: A Material design back port of Android's CalendarView

¥下拉刷新&分页加载

chrisbanes/Android-PullToRefresh: DEPRECATED
一篇文章带你撸遍下拉刷新 分页加载控件 - 掘金

Auto.js

hyb1996/Auto.js: A UiAutomator on android, does not need root access
hyue418/taobao-11-11: 2020双十一|双11全民养猫|超级星秀猫自动化脚本,支持淘宝+支付宝自动做喵币任务【全额奖励,防检测】
SuperMonster003/Ant-Forest: 基于Auto.js的蚂蚁森林能量智能收取脚本 Auto.js-based alipay ant forest energy intelligent collection script
首页 - Auto.js

android-studio

Android Studio 中文社区-安卓开发者工具集:Android SDK/JDK/ADT/Gradle/App-3.0正式版下载/安装/教程/外包/招聘
Android Developers

Glide

Glide 源码分析(一):图片压缩 - 掘金

android/sunflower: A gardening app illustrating Android development best practices with Android Jetpack.
Blankj/AndroidUtilCode: Android developers should collect the following utils(updating).
LedgerHQ/ledger-live-mobile: Ledger Live (Mobile)
AlexMahao/SimpleTouch: 一个用来监听View事件分发的库
SimpleTouch:一个库彻底搞懂事件分发流程 - 掘金

Android projects

android-chat

wildfirechat/android-chat: 开源即时通讯(野火IM)系统Android端 高仿微信

Android 资源、整理集&FAQ

Android 资源

DeviceMotion

rikschennink/shiny: 🌟 Shiny reflections for mobile websites
Shiny, Simulating Reflections for Mobile Websites

kesenhoo/android-training-course-in-chinese: Android官方培训课程中文版
Freelander/Android_Data: Some Android learning materials, hoping to help you learn Android development.
Curzibn/Luban: Luban(鲁班)—Image compression with efficiency very close to WeChat Moments/可能是最接近微信朋友圈的图片压缩算法
sw950729/AndroidNotes: Android学习笔记
Android資訊網站 Android-APK.com
LastPass - 免费密码管理器 - Google Play 上的应用

Android 整理集

《GPS定位系统》

GPS定位系统(一)——介绍 - 简书
GPS定位系统(二)——Android端 - 简书
GPS定位系统(三)——Java后端 - 简书
GPS定位系统(四)——Vue前端 - 简书
GPS定位系统(五)——Docker - 简书

移动端常见bug - 前端 - 掘金

Android FAQ

1px & 0.5px

css 中引入 svg 来兼容部分安卓机显示 0.5px 边框 - 掘金
7 种方法解决移动端 Retina 屏幕 1px 边框问题 - 前端 - 掘金

限制输入字符个数

zhooker/EditTextLengthLimit: EditText 限制输入字符个数的三种方式
EditText 限制输入字符个数的三种方式 - Android - 掘金

Vector和ArrayList对比 - 掘金
拖不得了,Android11真的要来了,最全适配实践指南奉上

¥Html5、Web移动端适配

移动端适配 - 基础知识篇 - 掘金
移动端适配-实践篇 - 掘金
移动端适配-Rem 布局篇 - 掘金
简单粗暴的移动端适配方案 - REM - 前端 - 掘金
移动端适配总结 - 掘金
Web移动端适配总结 - 掘金
面试官:你了解过移动端适配吗? - 掘金
关于移动端适配,你必须要知道的 - 掘金
Web移动端适配方案
移动端适配问题终极探讨(上)
web前端技术圈
关于移动端适配方案都在这里
吃透移动端 H5 与 Hybrid|实践踩坑12种问题汇总

¥iOS

iOS core

Apple Developer (简体中文)

iOS frameworks

grpc-ios

grpc/grpc-ios: gRPC for iOS clients

iOS libs、plugins&tools

iOS-Developer-Roadmap

BohdanOrlov/iOS-Developer-Roadmap: Roadmap to becoming an iOS developer in 2018.

iOS projects

GitHawkApp/GitHawk: The best iOS app for GitHub.

iOS 资源、整理集&FAQ

leecade/ios-dev-flow: iOS 开发流程笔记
GitHub 中与 iOS 开发相关的20个开源工具(神器) - 工具资源 - 掘金
h5页面在不同ios设备上的问题总结 - 掘金
h5页面在不同ios设备上的问题总结

¥微信项目

小程序

小程序 core

qwerty472123/wxappUnpacker: Wechat App(微信小程序,.wxapkg)解包及相关文件(.wxss,.json,.wxs,.wxml)还原工具
leo9960/wechat-app-unpack: 微信小程序(.wxapkg)解包心得以及未开放API猜测
(1) 只需两步快速获取微信小程序源码 - 掘金
微信小程序源码阅读笔记1 - Lrdcq - 個人博客
微信公众平台
项目 - Dashboard - 微信开发者代码管理
项目 - Dashboard - 微信开发者代码管理
微信公众平台
微信开放文档

小程序 libs、plugins&tools

#request&response

zhengjunxin/wx-queue-request: 控制微信小程序 wx.request 并发请求数量
zhengjunxin/wx-promise-request: 解决微信小程序 wx.request 请求的并发数限制、不支持异步问题

sm-crypto

wechat-miniprogram/sm-crypto: weapp sm crypto library

vant-weapp

youzan/vant-weapp: 轻量、可靠的小程序 UI 组件库

wx-cookie

liaozh/wx-cookie: 代理wx.request对象,让小程序支持cookie传输

wux-weapp

wux-weapp/wux-weapp: 一套组件化、可复用、易扩展的微信小程序 UI 组件库

iammapping/wedding: 婚礼大屏互动,微信请柬一站式解决方案

小程序 资源、整理集&FAQ

小程序资源

justjavac/awesome-wechat-weapp: 微信小程序开发资源汇总 :100:
微信应用号(小程序)资源汇总(1010更新) - 码农果园 - SegmentFault 思否
小程序交流专区 | 微信开放社区
JavaScript 支持情况 | 微信开放文档

小程序整理集

《小程序点睛》

小程序点睛之一:如何将小程序异步回调接口 Promise 化 - 掘金
小程序点睛之二:小程序使用 Iconfont 的正确姿势 - 掘金
小程序点睛之三:才不是你想的那种组件 - 掘金

《微信小程序教程》

微信小程序教程01:小程序简介 - 掘金
微信小程序教程02:App(Object)和Page(Object) 构造器介绍 - 掘金
微信小程序教程03:WXML语法 - 掘金
微信小程序教程04:API(完结) - 掘金

《小程序实战》

小程序实战(一)-设计一个表单校验函数
小程序实战(二)-上传多图功能
小程序实战(三)-分页加载
小程序实战(四)-生成二维码海报part1-基本思路
小程序实战(四)-生成二维码海报part2-实操代码
小程序实战(六)-跳转页面
小程序实战(七)-获取用户信息
小程序实战(八)-分享链接
小程序实战(九)-扫码登录
小程序实战(十)-抽离公共组件
小程序实战(十一)-验证码定时器
小程序实战(十二)-分包加载
小程序实战(十三)-抽离公共组件
小程序实战(十四)-筛选菜单吸顶
小程序实战(十五)-自定义弹框组件
小程序实战(十六)带你从零到一 在小程序引入echarts

《微信小程序入门教程》

微信小程序入门教程之一:初次上手 - 阮一峰的网络日志
微信小程序入门教程之二:页面样式 - 阮一峰的网络日志
微信小程序入门教程之三:脚本编程 - 阮一峰的网络日志
微信小程序入门教程之四:API 使用 - 阮一峰的网络日志

小程序FAQ

imageslr/weapp-library: “在线借书平台”小程序:连接读者与图书馆的借书平台、读者的图书资料库与书单系统
dntzhang/westore: 世界上最小却强大的小程序框架 - 100多行代码搞定全局状态管理和跨页通讯
微信小程序Video组件实践总结 - 掘金
小程序折腾记 - Taro(1.2.x)开发一个微信小程序下来的要点梳理及爬坑姿势(篇幅有点长) - 掘金
手把手教你用Taro框架写一个图像处理类微信小程序 - 掘金
微信小程序组件化的解决方案 - 掘金
Anka——渐进式小程序开发工具集 - 掘金
小程序--语音合成tts 对接多平台(讯飞,思必驰,百度) - 掘金
经验总结--我的小程序开发和进化之路 - 掘金
微信小程序 - 富文本图片宽度自适应(正则) - 掘金
微信小程序-锚点定位 - 掘金
小程序从手动埋点到自动埋点 - 掘金
微信小程序自定义组件实现 tabBar、navBar - 掘金
小程序:无限自动滚动的Gallery - 掘金
(4.5w字🔥建议收藏)“可能是” 2020最值得看的小程序系列实战教程 - 掘金
近两万字小程序攻略发布了 - 掘金
十分钟上手小程序开发,史上最全的《入门级》小程序开发
小程序-云开发-实现微信云支付功能
一键反编译微信小程序获取源码,并转换为uniapp或taro跨端项目
微信小程序从入门到精通:最全的资源列表(持续更新中)

小游戏

快速上手 | 微信开放文档

公众号

微信公众平台开发概述 | 微信开放文档

智能对话

平台介绍 | 微信开放文档

开放平台

资源中心是微信开放平台开发者所需所有相关资源的汇集地,包括: | 微信开放文档

企业微信

企业微信API

微信支付

【微信支付】普通商户接入文档
手机没网了,却还能支付,这是什么原理?

腾讯小微

腾讯小微简介 | 微信开放文档

overtrue/wechat: It is probably the best SDK in the world for developing WeChat App.
MustangYM/WeChatExtension-ForMac: Mac微信功能拓展/微信插件/微信小助手(A plugin for Mac WeChat)
小程序交流专区 | 微信开放社区
首页 - 息知
利用网页版微信API做一个微信机器人 - 掘金
如何入门微信小程序开发,有哪些学习资料? - 前端开发 - 知乎
懒,甩一段自动拉群的机器人代码

¥移动端资源、整理集&FAQ

移动端资源

comsince/universe_push: 基于t-io的即时消息通讯系统,采用服务化框架Dubbo实现应用服务化,使用SpringBoot构建应用,可做信令服务器使用,支持docker,k8s快速部署。Android版本支持私聊,群聊,支持voip
afkT/DevUtils: (持续更新, 目前含100+工具类) DevUtils 是一个 Android 工具库, 主要根据不同功能模块,封装快捷使用的工具类及 API 方法调用。 该项目尽可能的便于开发人员,快捷、快速开发安全可靠
都2020了,你还不会移动端真机调试?
mcuking/mobile-web-best-practice: 移动 web 最佳实践

MobDevGroup

MobDevGroup
MobDevGroup
GitHub资源集 · MobDevGroup

移动端整理集

移动跨平台技术方案总结 - 掘金
移动端常见bug汇总001 - 掘金
移动端常见bug汇总002 - 掘金
垂涎欲滴!30个美味的食品类移动应用程序【上篇】 - 梦想天空(山边小溪) - 博客园
垂涎欲滴!30个美味的食品类移动应用程序【下篇】 - 梦想天空(山边小溪) - 博客园

移动端FAQ

解决移动端滚动穿透 - 掘金
滚动穿透问题探索 - 掘金
iOS下浏览器document/body的click事件无效的坑 - 掘金
前端赋能团队 - APP的全链路开发
(2条消息)解决h5的video标签,android、pc客户端播放正常,iphone无法播放_移动开发_xuepuhao的博客-CSDN博客
前端基础知识概述 -- 移动端开发的屏幕、图像、字体与布局的兼容适配 - ChokCoco - 博客园
移动端webapp如何隐藏浏览器的导航栏 - _林冲 - 博客园
移动端UI一致性解决方案
【又硬又细】移动端Web开发踩坑指北
爱奇艺知识移动端组件化探索和实践

$HDMI&IPTV

¥HDMI

HDMI-PI

peng-zhihui/HDMI-PI: 我设计的一个HDMI转MIPI模块,可以用于驱动各种手机屏幕当显示器用。

¥IPTV

awesome-iptv

iptv-org/awesome-iptv: A curated list of resources related to IPTV

iptv

iptv-org/iptv: Collection of 5000+ publicly available IPTV channels from all over the world

$Mail

AnonAddy

anonaddy/anonaddy: Anonymous email forwarding
Free, Open-source Anonymous Email Forwarding - AnonAddy
AnonAddy

$other 大前端 tools

¥代理

SwitchyOmega

FelisCatus/SwitchyOmega: Manage and switch between multiple proxies quickly & easily.

oldj/SwitchHosts: Switch hosts quickly!
hoodiearon/w3-goto-world: 🍅冲出你的窗口,free ss/ssr/vmess分享、IPFS、暗网及蹭网教程、Git镜像等其他资源存储库
hoodiearon/fq-book: 《这本书能让你连接互联网》科学上网Freestyle,了解网络基础知识与实践蹭网操作
xiaoming2028/FreePAC: 科学上网/梯子/自由上网/翻墙 SS/SSR/V2Ray/Brook 搭建教程

annie

iawia002/annie: 👾 Fast, simple and clean video downloader

Clover

Clover给资源管理器加上类似Chrome的标签 | 易捷科技 EJIE Technology

Ditto

Ditto

Insight.io

Insight.io | Best Place to Browse Code on the Web
Insight.io | Best Place to Browse Code on the Web

keycastr

keycastr/keycastr: KeyCastr, an open-source keystroke visualizer
keycastr/Lobby - Gitter

listary

Listary – File Search & App Launcher

myHotKey

leer0911/myHotKey: 基于 Autohotkey 的效率工具
AutoHotkey
快速参考 | AutoHotkey
按字母排序的命令和函数索引 | AutoHotkey
如何提高还在用window系统的编码硬效率 - 掘金

office

pandoc

jgm/pandoc: Universal markup converter
Pandoc - About pandoc

QQ

QQ推广

snipaste

Snipaste/translations: Translations for Snipaste

Typora

luokangyuan/typora-theme-chineseStyle: This is a sexual apathy style and chinese style typora theme,这是一款性冷淡风兼着中国风的typora主题
Typora — a markdown editor, markdown reader.
Typora快捷键 - 简书
Typora快捷键 - it_guang的博客 - CSDN博客

uTools

uTools - 你的专属工具集
uTools - 你的生产力工具集
介绍 | uTools
猿料

Wox

Wox-launcher/Wox: Launcher for Windows, an alternative to Alfred and Launchy.
Releases · Wox-launcher/Wox
Wox
Choose a language · GitBook
voidtools
Plugin

XX-Net

how to create my appids · XX-net/XX-Net Wiki
如何使用XX-Net - CSDN博客

xiangxuema

xland/xiangxuema: “想学吗”个人知识管理工具客户端

录屏工具:LICEcap

justinfrankel/licecap: LICEcap simple animated screen capture tool for Windows and OS X
LICEcap - Download

万能助手

万能助手 -- 类似音速启动但更好用的桌面图标快捷方式管理工具 - 掘金
首页_万能助手_编程教程_编程入门_编程入门教程_计算机编程入门_电脑编程入门自学_简码编程官网_致力于零基础自学编程中文图解教程的分享与问答
万能助手 -- 扩展库大全集_帖子详情_万能助手|电脑|计算机|编程|入门|教程|自学_简码编程官网

抽奖、签到

75team/raffle: 奇舞团历年年会现场抽奖程序
vitozyf/lucky-draw: 年会抽奖程序
sazs34/TaskConfig: Quantumult签到(京东/网易/爱奇艺/贴吧)以及天气信息获取,以及surge/qx兼容脚本
buuing/vue-luck-draw: 一个基于vue的大转盘抽奖插件, 奖品/文字/颜色样式均可配置

Good-Old-Downloads/gg
kaysonli/lucky-ball: A simple lottery program.
NARKOZ/hacker-scripts: Based on a true story
chavyleung/scripts
CHEF-KOCH/MSI-utility: A script/tool which tries to improve Windows latencies
syhyz1990/baiduyun: 🖖油猴脚本 一个脚本搞定百度网盘下载 https://www.baiduyun.wiki
cloudroc/baidu-nolimit: 百度云大文件下载破解,chrome插件
zhaoolee/OnlineToolsBook: 🍭在线工具秘籍,为在线工具写一本优质说明书,让在线工具造福人类~ Online tool cheats, write a quality manual for online tools, make online tools benefit humanity~
ripperhe/Bob: Bob 是一款 Mac 端翻译软件,翻译方式支持划词翻译和截图翻译,翻译引擎支持有道翻译、百度翻译和谷歌翻译~
NationalSecurityAgency/ghidra: Ghidra is a software reverse engineering (SRE) framework
GIMP - GNU Image Manipulation Program
Aptana
WorkFlowy - Organize your brain.
Scapple | Literature & Latte
技术人必备|55款软件工具盘点 - 掘金
5分钟白嫖我常用的免费效率软件/工具!效率300% up!
《吐血整理》顶级程序员工具集 - 掘金
如何在Windows下像Mac一样优雅开发 - 掘金
聊聊前端开发日常的协作工具(全)
小光头coder - 简书
程序员有哪些平时自己开发的小工具来简便工作? - 知乎
介绍移动应用程序功能的模板【免费下载】 - 梦想天空(山边小溪) - 博客园
技术 | 使用微信对话开放平台为公众号配置「智障机器人」
十款 Windows 下必装软件,大大增强工作幸福
在线工具 - 程序员的工具箱
微简vjpage4.1正式上线!快速制作界面,直接生成前端代码
Origami Studio — Design Prototyping
Marvel - The design platform for digital products
W3Techs - extensive and reliable web technology surveys
APICloud 手机APP开发、APP制作技术专家 - 中国领先低代码开发平台
Saladict 沙拉查词
傲软投屏(ApowerMirror)官网 - 手机、电脑、电视无线投屏软件下载

$Password Manager

《密码管理器进化史》

密码管理器进化史(1/4) - 知乎
密码管理器进化史(2/4) - 知乎
密码管理器进化史(3/4) - 知乎
密码管理器进化史(4/4) - 知乎

《密码学》

密码学 | 庐山真面!你认为 Base64 是加密算法吗?
密码学 | 蓄势待发!说说什么是散列算法?
密码学 | 高屋建瓴!从全局理解消息摘要、加密、签名与数字证书

1password

Password Manager for Families, Businesses, Teams | 1Password
施敬昭 的 1Password

buttercup-desktop

buttercup/buttercup-desktop: Javascript Secrets Vault - Multi-Platform Desktop Application
Buttercup

Bitwarden

Bitwarden
Bitwarden Open Source Password Manager | Bitwarden

keepassxc

keepassxreboot/keepassxc: KeePassXC is a cross-platform community-driven port of the Windows application “Keepass Password Safe”.
KeePassXC Password Manager

LastPass

#1 Password Manager & Vault App, Enterprise SSO & MFA | LastPass

Passbolt

passbolt/passbolt_api: Passbolt CE Backend, a JSON API written with Cakephp
Passbolt | Open source password manager for teams

wifi-password

sdushantha/wifi-password: Quickly fetch your WiFi password and if needed, generate a QR code of your WiFi to allow phones to easily connect

密码安全与管理 - 知乎

$SSH&SSL

¥SSH&SSL core

¥SSH&SSL libs、plugins&tools

MobaXterm

MobaXterm free Xserver and tabbed SSH client for Windows
MobaXterm学习与使用 - CSDN博客

OpenSSL

PuTTY

PuTTY: a free SSH and Telnet client

jinhucheung/letscertbot: Let's Certbot is a tool builds automated scripts base on Certbot for obtaining, renewing, deploying SSL certificates.
letscertbot: Let's Certbot 是一个基于 Certbot 用于自动化获取、续期、部署 SSL 证书的工具

¥SSH&SSL 资源、整理集&FAQ

¥SSH&SSL 资源

¥SSH&SSL 整理集

《SSH 入门教程》

wangdoc/ssh-tutorial: SSH 教程
《SSH 入门教程》发布了 - 阮一峰的网络日志
SSH 教程 - 网道

《SSH原理与运用》

SSH原理与运用(一):远程登录 - 阮一峰的网络日志
SSH原理与运用(二):远程操作与端口转发 - 阮一峰的网络日志

25个必须记住的SSH命令 - 知乎
SSH 命令的三种代理功能(-L/-R/-D) - 知乎
Linux 下你所不知道的 7 个 SSH 命令用法 - 知乎
SSH命令总结 - 远方789 - 博客园

¥SSH&SSL FAQ

网址HTTP如何转向HTTPS协议(SSL证书) - 掘金
如何生成SSH key - 简书
SSH 基本用法 - 知乎
讲解ssh的用法和操作 - 知乎
ssh命令的常用使用场景 - 知乎
SSH 的原理与应用 - 知乎
blog.xfly.one

$Terminal

Cmder

Cmder | Console Emulator
Win下必备神器之Cmder | 晚晴幽草轩
介紹好用工具:Cmder ( 具有 Linux 溫度的 Windows 命令提示字元工具 ) | The Will Will Web

FluentTerminal

felixse/FluentTerminal: A Terminal Emulator based on UWP and web technologies.

Ticker

achannarasappa/ticker: Terminal stock ticker with live updates and position tracking

$UI、UE、UX&视觉

¥UI Database

Game UI Database | Welcome

Axure

srm985/axure-redline-tool: Axure Interactive Redline Tool
https://cdn.jsdelivr.net/npm/axure-redline-tool@latest/web/axure-redline-plugin.js
Sean McQuay | Axure Redline Tool
Axure Forums
Axure Share | Host and Share Axure RP Prototypes

carbon-design-system

Carbon Design System
carbon-design-system/carbon: A design system built by IBM

color-design-helper

zerolty/color-design-helper: help for color design
color-design-helper/CN.md at master · zerolty/color-design-helper
React Hooks 起手式,实现一个「高颜值实用」的色彩设计工具 · Issue #17 · renjie1996/Maple-FrontEnd-Blog
Color-Design-Helper

Figma

react-figma/react-figma: ⚛️ A React renderer for Figma
react-figma/react-figma-boilerplate: 👯‍♀️ Boilerplate app for react-figma
bernaferrari/FigmaToCode: Generate responsive pages and apps on HTML, Tailwind, Flutter and SwiftUI.
Figma-Linux/figma-linux: Figma is the first interface design tool based in the browser, making it easier for teams to create software. Join us in https://t.me/figma_linux and https://spectrum.chat/figma-linux
aloisdeniel/figma-to-flutter: A Dart code generator that converts Figma components to Flutter widgets.
jongold/figma-js: Little wrapper (+ types) for the Figma API
Figma: the collaborative interface design tool.

Framer

The prototyping tool for teams | Framer

Kitchen

Kitchen Sketch 插件官方网站 - 让你的设计秀色可餐

style2paints: 给线稿图上色

lllyasviel/style2paints: sketch + style = paints

theo

salesforce-ux/theo: Theo is a an abstraction for transforming and formatting Design Tokens
gulp-theo - npm

UTOM

UTOM Design

百度EUX | 百度企业产品用户体验中心
sux.baidu.com
马克鳗 - 设计稿标注、测量
PxCook - 高效易用的自动标注工具,生成前端代码,设计研发协作利器
前端开发面对设计稿的相关思考 - 掘金

$文本&文档

¥diff、merge

Meld
WinMerge - You will see the difference…
Downloads · TortoiseSVN
KDiff3 download | SourceForge.net
Helix Merge and Diff Tools (P4Merge) | Perforce
SourceGear | DiffMerge
www.componentsoftware.com
SourceGear | DiffMerge
DiffMerge - Download
免费好用的Diff和Merge工具大总结 - 云+社区 - 腾讯云
程序员喜欢的5款最佳代码比较工具_SmileMoon's Home-CSDN博客_代码比较工具

¥documentation browser

Dash

Dash for macOS - API Documentation Browser, Snippet Manager - Kapeli

zeal

zealdocs/zeal: Offline documentation browser inspired by Dash
Zeal - Offline Documentation Browser

¥Markdown

Markdown core

Markdown 語法說明

Markdown libs、plugins&tools

Boostnote

BoostIO/Boostnote: A markdown editor for developers on Mac, Windows and Linux.

lint-md

hustcc/lint-md: 检查中文 markdown 编写格式规范的命令行工具,基于 AST,方便集成 ci,写博客 / 文档必备。

marktext

marktext/marktext: 📝A simple and elegant markdown editor, available for Linux, macOS and Windows.

markdown-nice

mdnice/markdown-nice: 支持自定义样式的微信 Markdown 排版工具
让微信排版变 Nice
让微信排版变 Nice
解决了!微信公众号数学公式排版 - 掘金

markdown-licenses

IQAndreas/markdown-licenses: A collection of open source licenses in Markdown format. Contributions are always welcome!

notable

notable/notable: The Markdown-based note-taking app that doesn't suck.

remark

remarkjs/remark: Markdown processor powered by plugins part of the @unifiedjs collective
remark - markdown processor powered by plugins

readme-md-generator

kefranabg/readme-md-generator: 📄 CLI that generates beautiful README.md files
readme-md-generator/templates at master · kefranabg/readme-md-generator

stackedit

benweet/stackedit: In-browser Markdown editor
StackEdit – In-browser Markdown editor

simplemde-markdown-editor

sparksuite/simplemde-markdown-editor: A simple, beautiful, and embeddable JavaScript Markdown editor. Delightful editing for beginners and experts alike. Features built-in autosaving and spell checking.
JavaScript Markdown Editor - SimpleMDE

tui.editor

nhn/tui.editor: 🍞📝 Markdown WYSIWYG Editor. GFM Standard + Chart & UML Extensible.
TOAST UI :: Make Your Web Delicious!

TreeMDown

hollodotme/TreeMDown: [triː <'em> daʊn] PHP single page markdown tree browser
01-What-Is-TreeMDown.md - TreeMDown

VNoteX

VNoteX
vnotex/vnote: A pleasant note-taking platform.
vnotex/viki: A simple Wiki page in Markdown from notebook of VNote.
VNote - 一个更懂程序员和Markdown的笔记

sindresorhus/css-in-readme-like-wat: Style your readme using CSS with this simple trick
ifuture-pro/listify: Generate and merge table of contents for markdown file . Add it to README.md or other files
shfshanyue/md-to-html-api: API convert markdown to beautiful html.
xitu/juejin-markdown-themes: Markdown themes of https://juejin.cn/
Md2All

Markdown 资源、整理集&FAQ

Markdown 资源

guodongxiaren/README: README文件语法解读,即Github Flavored Markdown语法介绍
Markdown 语法说明(简体中文版)
UEditor - 示例
Madoko - document
Editor.md - 开源在线 Markdown 编辑器
欢迎使用马克飞象 - 马克飞象 - 专为印象笔记打造的Markdown编辑器
便签 - 锤子科技
MarkdownPad - The Markdown Editor for Windows
图床 - Dev Fancy+
Cmd Markdown 编辑阅读器 - 作业部落出品
開放中文轉換 Open Chinese Convert (OpenCC)

Markdown 整理集

《Markdown简明教程》

CSDN Markdown简明教程1-关于Markdown_whqet-CSDN博客
CSDN Markdown简明教程2-基本使用_whqet-CSDN博客
CSDN Markdown简明教程3-表格和公式 - 博客频道 - CSDN.NET
CSDN Markdown简明教程4-UML图_whqet-CSDN博客
CSDN Markdown简明教程5-快速上手_whqet-CSDN博客
CSDN Markdown简明教程-王海庆-专题视频课程_whqet-CSDN博客

Markdown FAQ

Markdown如何空格和空行_开发工具_Moomin的博客-CSDN博客
简书
首页 - 简书
Markdown——入门指南 - 简书
公欲善微信,必先藏利器——5个工具让你成为微信运营快手- 简书
「美」中不足的便签工具 —— 锤子便签2.5 - 简书
Markdown - 热门问答 - 知乎
可能是目前最全面的Markdown写作解决方案 - 向阳乔木 - 知乎专栏
生产力 | Markdown 为何物
为什么要学习 Markdown?究竟有什么用?
React 渲染 Markdown 的方法 | Calpa 的技術博客

¥Web扫描、打印

the-paperless-project/paperless: Scan, index, and archive all of your paper documents
Web打印探秘 - 掘金

¥思维导图

drawio

jgraph/drawio-desktop: Official electron build of diagrams.net

XMind

XMind - Mind Mapping Software
XMind思维导图 | XMind中文官方网站

幕布

幕布 - 思维概要整理工具
我的文档 - 幕布
幕布 - 极简大纲笔记 | 一键生成思维导图

ProcessOn - 免费在线作图,思维导图,流程图,实时协作
思维导图社区-海量模板在线使用
【GitMind官网】- 免费在线思维导图软件
干货 | 推荐几款实用的思维导图工具

MindMaster

MindMaster 多平台思维导图软件,让您的创意破茧而出
在线思维导图软件 - MindMaster网页版

¥笔记

印象笔记(evernote)

最佳笔记应用 - 利用 Evernote 管理你的笔记
所有笔记 - Evernote
印象笔记 | 工作必备效率应用
印象笔记 | 工作必备效率应用
会议纪要--202102251600_MOP产商品局数据查询接口宣贯 | 印象笔记网页版
所有笔记 - 印象笔记网页版
印象笔记·剪藏|一键保存网页 | 印象笔记
印象识堂 | 常识 知识 见识
印象团队EverTeam - 专注团队协作 | 印象笔记
帐户一览

有道云笔记

有道云笔记|5000万用户的选择
有道云笔记
收藏到有道云笔记

¥排版

chinese-copywriting-guidelines

sparanoid/chinese-copywriting-guidelines: Chinese copywriting guidelines for better written communication/中文文案排版指北
mzlogin/chinese-copywriting-guidelines: Chinese Copywriting Guidelines:中文文案排版指北(简体中文版)

docxtemplater

open-xml-templating/docxtemplater: Generate docx and pptx (microsoft word documents) from templates, from Node.js, the Browser and the command line / Demo: https://docxtemplater.com/demo
docxtemplater - Complete docx and pptx generation programming library
Installation — docxtemplater documentation
Docxtemplater — docxtemplater documentation

fastText

FastText:快速的文本分类器 - CSDN博客

saurabhdaware/text-to-handwriting: So your teacher asked you to upload written assignments? Hate writing assigments? This tool will help you convert your text to handwriting xD

$网络爬虫

baidu-search-optimization

Binkcn/baidu-search-optimization: 显示原始网址,移除重定向,针对网址进行过滤。

crawlab

crawlab-team/crawlab: Distributed web crawler admin platform for spiders management regardless of languages and frameworks.
爬虫管理平台 Crawlab 新功能介绍 - 用 Git 做 CI/CD - 掘金

get_picture

1eeing/get_picture: 爬取你想要的图片
TinyPNG – Developer API

gulius-projects

DesertsX/gulius-projects: 收录古柳(DesertsX)的一些小项目

headless-chrome-crawler

yujiosaka/headless-chrome-crawler: Distributed crawler powered by Headless Chrome

InfoSpider

kangvcar/InfoSpider: INFO-SPIDER 是一个集众多数据源于一身的爬虫工具箱🧰,旨在安全快捷的帮助用户拿回自己的数据,工具代码开源,流程透明。支持数据源包括GitHub、QQ邮箱、网易邮箱、阿里邮箱、新浪邮箱、Hotmail邮箱、Outlook邮箱、京东、淘宝、支付宝、中国移动、中国联通、中国电信、知乎、哔哩哔哩、网易云音乐、QQ好友、QQ群、生成朋友圈相册、浏览器浏览历史、12306、博客园、CSDN博客、开源中国博客、简书。

juejinxiaoce

oliyg/juejinxiaoce: 爬取掘金小册,并将 html 文件转为 markdown 格式文件

juejin-spider

lxfriday/juejin-spider: 爬取掘金文章数据,查看在全站排行信息,查看自己关注、点赞、评论增长
掘金数据
【第三方掘金功能】掘金个人数据统计,第三方实现的掘金用户 dashboard - 掘金

PSpider

xianhu/PSpider: 简单易用的Python爬虫框架,QQ交流群:597510560

phantomjs

ariya/phantomjs: Scriptable Headless Browser
Huddle/PhantomCSS: Visual/CSS regression testing with PhantomJS
Huddle/PhantomFlow: Describe and visualise user flows through tests with PhantomJS

Web Scraper

https://mp.weixin.qq.com/mp/appmsgalbum?__biz=MzI4OTU0NTU1NA==&action=getalbum&album_id=1337192863616106496&subscene=159&subscene=&scenenote=https%3A%2F%2Fmp.weixin.qq.com%2Fs%2FrmSau3V7Mm87_1wmaBcfNg#wechat_redirect

JinJieTan/puppeteer-pdf: 使用Node.js爬取网页内容并且生成本地PDF文件
yaochenkun/enterprise-info-spider: 一个爬取企查查网站中所有中国企业与公司基本信息的爬虫程序。
爬虫养成记——先跨进这个精彩的世界(女生定制篇) - 掘金
爬虫养成记--顺藤摸瓜回首掏(女生定制篇) - 掘金
爬虫养成记--千军万马来相见(详解多线程) - 掘金
50行实现Node.js多进程分页爬虫 - 掘金
技术玩具 | 使用Node.js爬取资源输出PDF文件到本地教程

$语言、标准、规范&风格

¥HTML&CSS

¥CSS规范

Cascading Style Sheets Level 2 Revision 1 (CSS 2.1) Specification
Full property table

HTML Standard

whatwg/html: HTML Standard
HTML Standard
HTML Standard
HTML Standard
RFC 7159 - The JavaScript Object Notation (JSON) Data Interchange Format
Web Hypertext Application Technology Working Group
HTML Standard
HTML Standard

¥JavaScript

coffeescript

jashkenas/coffeescript: Unfancy JavaScript
CoffeeScript

BingKui/javascript-zh: Airbnb 出品,目前非常流行的 JavaScript 代码规范(中文版)。其内对各种 js 范式的写法进行了详细的规定与说明,按照此规范写出的代码将会更加合理。
HTML/CSS/JS编码规范 - 掘金

¥License

Internet Systems Consortium(ISC)

Internet Systems Consortium
ISC License (ISC) | Open Source Initiative

Massachusetts Institute of Technology(MIT)

remy/mit-license: Hosted MIT License with details controlled through this repo
MIT License
MIT License
MIT许可证_百度百科
MIT许可证参考资料

Server Side Public License(SSPL)

Server Side Public License (SSPL) | MongoDB
SSPL_百度百科

mono0926/LicensePlist: A license list generator of all your dependencies for iOS applications
license: 一些主流开源许可证的模板
News | Open Source Initiative
Licenses & Standards | Open Source Initiative
开源协议知多少? - 简书
七种开源许可证 - 简书

¥styleguide

document-style-guide

ruanyf/document-style-guide: 中文技术文档的写作规范

opensource.guide

github/opensource.guide: Community guides for open source creators
Open Source Guides | Learn how to launch and grow your project.

zh-google-styleguide

zh-google-styleguide/zh-google-styleguide: Google 开源项目风格指南 (中文版)

airbnb/javascript: JavaScript Style Guide
google/styleguide: Style guides for Google-originated open-source projects

¥Software

The Twelve-Factor App

heroku/12factor
adamwiggins/12factor: Official fork now at: https://github.com/heroku/12factor
The Twelve-Factor App
The Twelve-Factor App
The Twelve-Factor App (简体中文)

¥Web

API 接口规范

API 接口设计规范 - 掘金

Accessible Rich Internet Applications,WAI-ARIA

Accessible Rich Internet Applications (WAI-ARIA) 1.2

DOM Standard

DOM Standard

IETF Documents

IETF Documents
RFC 6101 - The Secure Sockets Layer (SSL) Protocol Version 3.0

Mathematical Markup Language,MathML

Mathematical Markup Language (MathML) Version 3.0 3rd Edition

Scalable Vector Graphics,SVG

Scalable Vector Graphics (SVG) 2

WebReflection

WebReflection (Andrea Giammarchi)
WebReflection/bound-once: A fast, memory efficient, and tiny solution to an evergreen problem.
WebReflection/bind.for: A lazy Function.prototype.for(context) bind helper
WebReflection/custom-elements-when-defined: Patches whenDefined resolving with the Class
WebReflection/custom-elements-no-builtin: A customElements polyfill, without builtin extends, targeting IE11+ and other browsers.

WebFundamentals

google/WebFundamentals: Best practices for modern web development
Web Fundamentals  |  Google Developers

World Wide Web Consortium,W3C

#CSS Working Group Editor Drafts

CSS Working Group Editor Drafts
CSS Fonts Module Level 3

Web Share API

Web Share API
How to Use the Web Share API | CSS-Tricks

World Wide Web Consortium
w3c/chinese-ig: Web中文兴趣组
World Wide Web Consortium (W3C)
All Standards and Drafts - W3C
Geolocation API Specification 2nd Edition
Web Content Accessibility Guidelines (WCAG) 2.1
Techniques For Accessibility Evaluation And Repair Tools
W3C on GitHub
The W3C Markup Validation Service

在线速查手册

OverAPI.com | Collecting all the cheat sheets
OverAPI.com – 史上最全的开发人员在线速查手册 - 梦想天空(山边小溪) - 博客园
Web 前端开发精华文章推荐(jQuery、HTML5、CSS3)【系列十三】 - 梦想天空(山边小溪) - 博客园
特别推荐:Web开发常用速查手册大全 - 梦想天空(山边小溪) - 博客园
分享12份非常有用的 Google 速查手册 - 梦想天空(山边小溪) - 博客园
前端开发者喜欢的20个学习文档和指南 - 梦想天空(山边小溪) - 博客园
前端开发者必备的20个在线工具和指南 - 梦想天空(山边小溪) - 博客园
前端开发者必备的20个文档和在线工具 - 梦想天空(山边小溪) - 博客园
15个最佳的用户体验和用户界面工具和资源 - 梦想天空(山边小溪) - 博客园
推荐20个很有帮助的 Web 前端开发教程 - 梦想天空(山边小溪) - 博客园
Web 前端开发精华文章推荐(HTML5、CSS3、jQuery)【系列二十三】 - 梦想天空(山边小溪) - 博客园

前端协作规范

if 我是前端团队 Leader,怎么制定前端协作规范? - 掘金
web前端工程师必看的一些前端规范与前端开发规约 - 25学堂

前端代码规范、开发规范&编程风格

Baidu EFE team

Baidu EFE team
ecomfe/spec: This repository contains the specifications.
spec/javascript-style-guide.md at master · ecomfe/spec

Code Guide

mdo/code-guide: Standards for developing consistent, flexible, and sustainable HTML and CSS.
Code Guide by @mdo

CodeGuide

AlloyTeam/CodeGuide: Alloyteam代码规范
Code Guide by @AlloyTeam

编程风格 - ECMAScript 6入门
肉联帮团队前端代码规范 - 掘金
制定自己团队的前端开发规范 - 掘金
前端开发规范 - 掘金
前端项目开发规范 - 掘金
代码规范&设计模式落地之路 - 掘金
前端开发规范文档 - 掘金
前端开发规范梳理(全面记录) - 掘金
团队 React 代码规范制定 - 掘金
【译】四种基本的编程命名规范 - 掘金
一步一步,统一项目中的编码规范(vue, vscode, vetur, prettier, eslint) - 掘金
前端开发规范手册(命名、HTML、CSS、JS、ES6、React) - 掘金
前端项目代码规范落地方案 ESlint+Prettier - 掘金
代码规范化之Vue篇 - 掘金
前端代码质量-圈复杂度原理和实践 - 掘金
前端代码质量管理(一) - 掘金
你所需要知道的代码整洁之道 - 掘金
如何保障前端项目的代码质量 - 掘金
我们应该如何编写高质量的前端代码 - 掘金
code-review之前端代码规范
编写高质量可维护的代码:一目了然的注释
前端开发风格指南
推荐几个大厂的前端代码规范,学会了,你也能写出诗一样的代码!
Aotu.io - 前端代码规范
代码风格 - 反混沌
Vue版的团队代码规范
转转前端开发规范的落地实践
TGideas文档库

中后台规范

转转中后台规范落地实践

(28 封私信 / 81 条消息) 编码规范作用 - 搜索结果 - 知乎

Web Incubator CG

Web Incubator CG
Web Incubator Community Group (WICG)

freeCodeCamp/devdocs: API Documentation Browser
DevDocs API Documentation
这个教人写出烂代码的项目在 GitHub 上火了...

$工作流

¥wiki&knowledge base

outline

outline/outline: The fastest wiki and knowledge base for growing teams. Beautiful, feature rich, and markdown compatible.
Outline – Team wiki & knowledge base

trilium

zadam/trilium: Build your personal knowledge base with Trilium Notes

¥工作流客户端

feflow

Tencent/feflow: 🚀 A command line tool aims to improve front-end engineer workflow and standard, powered by TypeScript.
Feflow

fe-workflow

luoxue-victor/fe-workflow: 本项目的第三次革命。第一次做了一个webpack教学,第二次集成了各种webpack最佳实践。第三次打算把这个项目做成一个工作流的工具链,包括初始化项目、打包、测试、联调
@pkb/cli - npm
@pkb/webpack-box - npm

legoflow

legoflow/legoflow: 更轻、更强、开箱即用的 前端工作流客户端
legoflow/legoflow-cli: 命令行工具
LegoFlow 2
LegoFlow 2 | 指南

tmt-workflow

https://github.com/Tencent/tmt-workflow

WeFlow

Tencent/WeFlow: A web developer workflow tool by WeChat team based on tmt-workflow, with cross-platform supported and environment ready.
WeFlow | 一个高效、强大、跨平台的前端开发工作流工具

wordpressify

luangjokaj/wordpressify: 🎈 A build system designed to automate your WordPress development workflow.
WordPressify – A build system designed to automate your WordPress development workflow.

yeoman

yeoman/yeoman: Yeoman - a set of tools for automating development workflow
The web's scaffolding tool for modern webapps | Yeoman

跨端开发

前端技术周刊 2019-01-21:跨端开发的三条路线 - 掘金

使用API自动生成工具优化前端工作流 - 掘金

¥项目、建站&版本

¥CHANGELOG

changelog-view

jdeniau/changelog-view: View changelog of packages in your console

conventional-changelog

conventional-changelog-cli

conventional-changelog/packages/conventional-changelog-cli at master · conventional-changelog/conventional-changelog
conventional-changelog-archived-repos/conventional-changelog-cli: deprecated, instead use https://github.com/conventional-changelog/conventional-changelog monorepo

conventional-changelog
conventional-changelog/conventional-changelog: Generate changelogs and release notes from a project's commit messages and metadata.
grunt-conventional-changelog/CHANGELOG.md at master · btford/grunt-conventional-changelog
conventional-changelog/conventional-changelog-config-spec: a spec describing the config options supported by conventional-config for upstream tooling
conventional-changelog/atom-conventional-changelog: Atom conventional-changelog package
conventional-changelog/meta: Project to allow organization members to organization their efforts.
conventional-changelog/artwork: Artwork for the conventional-changelog organization.

github-changelog-generator

github-changelog-generator/github-changelog-generator: Automatically generate change log from your tags, issues, labels and pull requests on GitHub.

keep-a-changelog

olivierlacan/keep-a-changelog: If you build software, keep a changelog.

standard-changelog

conventional-changelog-archived-repos/standard-changelog: deprecated, instead use https://github.com/conventional-changelog/conventional-changelog monorepo

sunshine940326/changelog-test
Commit message 和 Change log 编写指南 - 阮一峰的网络日志
changelog 日志自动生成插件 - 掘金
Commit Message & Change Log - 简书

¥RELEASE

standard-changelog

conventional-changelog/releaser-tools: Create a GitHub/GitLab/etc. release using a project's commit messages and metadata.

conventional-changelog/grunt-conventional-github-releaser: Make a new GitHub release using conventional-github-releaser

¥VERSION

standard-version

conventional-changelog/standard-version: Automate versioning and CHANGELOG generation, with semver.org and conventionalcommits.org

语义版本

auto-vers

zerolty/auto-version: It will auto update package version when build your application.
auto-vers - npm

semver

semver/semver: Semantic Versioning Specification
Semantic Versioning 2.0.0 | Semantic Versioning

语义化版本 2.0.0 | Semantic Versioning
pkg版本规范管理自动化最佳实践 - 掘金
版本命名及限定规则详解 - 个人文章 - SegmentFault 思否

conventional-changelog-archived-repos/conventional-recommended-bump: deprecated, instead use https://github.com/conventional-changelog/conventional-changelog monorepo
一套属于前端的版本控制系统!更新!!不求人!!!
软件版本号规范与命名原则 - scott-X - 博客园

应用管理

JSUI

kitze/JSUI: A powerful UI toolkit for managing JavaScript apps

前端项目文件组织与组件命名 - 掘金
用 Feature First 的方式管理前端项目复杂度 - 掘金
我们是如何管理一个 1w+ stars 的开源仓库的 - 掘金
用 Feature First 的方式管理前端项目复杂度 - 掘金
如何管理好10万行代码的前端单页面应用

前端架构,前端架构组织结构,目录结构架构 - CSDN博客

¥计划、任务、进度管理

滴答清单(TickTick)

TickTick: 一个帮你高效完成任务和规划时间的应用
Inbox - TickTick
滴答清单: 一个帮你高效完成任务和规划时间的应用
收集箱 - 滴答清单
下载 - 滴答清单
如何更好地使用滴答清单(TickTick)? - 知乎

Worktile智能化研发管理工具
爱莫能记
时光短信
哎哟提醒
企业SaaS软件及云应用 - Zoho中国官网
项目管理软件 - 在线项目管理系统 - Zoho Projects
码道人 - 开发者最好的朋友
Notion – The all-in-one workspace for your notes, tasks, wikis, and databases.
Airtable | Create apps that perfectly fit your team's needs
维格表
飞书多维表格-融合表格和业务系统能力的新一代效率应用
Teamin群协作—微信群管理/微信群助手/微信文档
智办事 - 工作就是智办事
Tita - OKR和持续绩效管理平台
时光序
ONES 企业级研发管理工具 | ONES
Teambition · 阿里巴巴工作学习套件
敬业签云便签官网 - Windows电脑桌面便签软件安装下载|Win10便签|win7电脑便签与手机便签云同步协作服务便签APP|公历农历桌面日历便签及定时提醒待办事项计划任务清单时间管理工具
日事清-高效能团队管理专家
鱼骨 - 敏捷开发工具|项目团队管理软件|异地协同办公绩效系统
Trello
WikiWorks: MediaWiki Consulting
金和OA_oa系统_oa办公系统_办公自动化软件_26年专业协同管理软件
Team Workspace - Taskade

¥代码编辑、分享&校验

#API documentation

jsdoc

Build Tools

krampstudio/grunt-jsdoc: A grunt plugin to generate javascript doc by running jsdoc3 on your grunt projects.
mlucool/gulp-jsdoc3: gulp integration for jsdoc3 cli

For More Information

jsdoc3/jsdoc3.github.com: JSDoc 3 website
Newest 'jsdoc' Questions - Stack Overflow
Join JSDoc on Slack!
(99+) JSDoc Users - Google 网上论坛

Other Tools

jsdoc2md/jsdoc-to-markdown: Generate markdown documentation from jsdoc-annotated javascript
Integrating GitBook with JSDoc to Document Your Open Source Project

Templates

davidshimjs/jaguarjs-jsdoc: A Template of jsdoc for jaguar.js project
docstrap/docstrap: A template for JSDoc3 based on Bootstrap and themed by Bootswatch
DBCDK/jsdoc3Template: A custom Customizable JSDOC3 template - forked with changes from DBC
clenemt/docdash: Lodash inspired JSDoc 3 template/theme
nhnent/tui.jsdoc-template: TUI JSDoc Template, Demo: https://nhnent.github.io/tui.jsdoc-template/latest/
SoftwareBrothers/better-docs: Beautiful theme/template for jsdoc generated documentation
nijikokun/minami: Clean and minimal JSDoc 3 Template / Theme

jsdoc3/jsdoc: An API documentation generator for JavaScript.
Use JSDoc: Index
Use JSDoc: Index
JSDoc: 一个JavaScript API文档生成器 | JSDoc中文网

react-docgen

reactjs/react-docgen: A CLI and toolbox to extract information from React component files for documentation generation purposes.

#IDE

Atom

Atom
Atom 中文社区
新编码神器Atom使用纪要 | 晚晴幽草轩

codesandbox

codesandbox/codesandbox-client: An online IDE for rapid web development
Create a new Sandbox - CodeSandbox

CodeMirror

codemirror/CodeMirror: In-browser code editor
codemirror/codemirror.next: The next generation of the CodeMirror in-browser editor
emmetio/codemirror-plugin: Emmet plugin for CodeMirror web editor

Emmet

前端开发必备!Emmet使用手册_Emmet 教程_w3cplus
docs.emmet.io
Abbreviations Syntax

Hype3

前端开发神器Hype3初体验-可视化、响应式、动效 - 掘金
Hype3 — 无代码制作动效HTML5页面、动画神器(上篇) - 简书
Win10电脑虚拟安装苹果MacOS无敌完整版_百度经验
首页 Hype中国社区
Tumult Hype Documentation

JetBrains

IntelliJ

IntelliJ IDEA the Java IDE
IntelliJ IDEA 详细图解最常用的配置 ,适合刚刚用的新人。 - 请叫我大师兄 - CSDN博客
(1条消息)IDEA通过jar包进行破解(亲测可用!)_开发工具_qq_41582642的博客-CSDN博客
IntelliJ IDEA 注册码
IntelliJ IDEA下载+激活+教程[图文+视频]整理 - 编程语言 / Java - CoCode
IntelliJ IDEA 2016 破解旗舰版 - 博客吧
IntelliJ IDEA 界面介绍 - IntelliJ IDEA使用教程 - PHPERZ中文资讯站
idea 插件的使用 进阶篇(个人收集使用中的)-IT大道

JetbrainsCrack

CrazyNing98/JetbrainsCrack: Jetbrains系列工具破解补丁

Toolbox App

JetBrains Toolbox App: Manage Your Tools with Ease

WebStorm

WebStorm: The Smartest JavaScript IDE
Previous Releases - WebStorm
Webstorm2018最新激活码 - 冬哥的博客 - CSDN博客
WebStorm移除项目,但项目还在创建项目的路径下 - zzhsmile520的博客 - CSDN博客
webstorm 2018 激活破解方法大全 - 唐大帅的编程之路 - CSDN博客
WebStorm 2018.3.2 激活方式(永久) - CSDN - CSDN博客
WebStorm 2018.3.4破解方式 - 二姐的西瓜君 - CSDN博客

JetBrains: Essential tools for software developers and teams

scratches

hxoht/scratches: A scratchpad with node & browser apis.

sublime

jikeytang/sublime-text: sublime-text
jsfront/sublime-text: sublime-text
spadgos/sublime-jsdocs: Simplifies writing DocBlock comments in Javascript, PHP, CoffeeScript, Actionscript, C & C++
philippotto/Sublime-MultiEditUtils: A Sublime Text Plugin which enhances editing of multiple selections by adding various features.
wakatime/sublime-wakatime: Sublime Text 2 & 3 plugin for automatic time tracking and metrics generated from your programming activity.
wuub/SublimeREPL: SublimeREPL - run an interpreter inside ST2 (Clojure, CoffeeScript, F#, Groovy, Haskell, Lua, MozRepl, NodeJS, Python, R, Ruby, Scala, shell or configure one yourself)
aziz/PlainTasks: An opinionated todo-list plugin for Sublime Text editor (version 2 and 3)
pichillilorenzo/JavaScript-Completions: JavaScript Completions for sublime text. It helps you to write your scripts more quickly with hints and completions.
Browse - Package Control
Package Control - the Sublime Text package manager
MultiEditUtils - Packages - Package Control
Sublimerge 3 - Packages - Package Control
Dashboard · WakaTime
我使用的 Sublime Text 插件 - 掘金
Sublime插件:主题篇 - 简书
编码神器——Sublime Text 包管理工具及扩展大全 - 梦想天空(山边小溪) - 博客园
sublime text3基本使用及常用插件介绍
如何优雅地使用Sublime Text | 晚晴幽草轩
代码校验工具 SublimeLinter 的安装与使用
(2 条消息) Sublime Text 有哪些使用技巧? - 知乎

Stackblitz

The online code editor for web apps. Powered by Visual Studio Code. - StackBlitz

TinyEditor

umpox/TinyEditor: A functional HTML/CSS/JS editor in less than 400 bytes

VS Code

《VS Code 折腾记》

VS Code折腾记 - (1)扯淡 - 掘金
VS Code折腾记 - (2) 快捷键大全,没有更全 - 掘金
VS Code折腾记 - (3) 多图解VSCode基础功能 - 掘金
VS Code折腾记 - (4) 常用必备插件推荐【前端】 - 掘金
VS Code折腾记 - (5) Angular 2+ && Typescript 2+必备插件推荐 - 掘金
VS Code 折腾记 - (6) 基本配置/快捷键定义/代码片段的录入(snippet) - 掘金
VS Code 折腾记 - (7) 内置Debug功能深入【调教angular-cli 最新版】 - 掘金
VS Code 折腾记 - (8) 新一波实用插件推荐(前端)|NG2+|TS2|Vue|React|Node|版本控制|主题 - 掘金
VS Code 折腾记 - (9) 新一轮前端插件(代码质量|正则|版本控制|NG|Vue|React) - 掘金
VS Code 折腾记 - (10) 你想发布自己捣鼓的snippets到VSCode插件市场! - 掘金
VS Code 折腾记 - (11) 再来一波插件推荐!(代码片段,框架,Node,touchbar,TS,Git,数据库,python!!) - 掘金
VS Code 折腾记 - (12) 春节前的最后一波插件推荐(前端/协作/主题) - 掘金
VS Code 折腾记 - (13) VS Live Share (可提高效率的代码实时协作插件)的使用姿势 - 掘金
VS Code 折腾记 - (14) 再来推荐一波大前端适用系列 (Node/React/Vue/小程序/主题/代码体验等) 的插件 - 掘金
VS Code 折腾记 - (15) 再来一波大前端适用系列的插件(主打编码体验改善) - 掘金
VS Code 折腾记 - (16) 推荐一波实用的插件集
VS Code 折腾记 - (17) Debug for Chrome(附加模式[支持浏览器插件的使用])
VS Code 折腾记 - (18) 运维及持续集成相关的拓展推荐
VS Code 折腾记 - (19) 一些相对实用的编码体验插件(偏前端)

microsoft/vscode-docs: Public documentation for Visual Studio Code
Sugar250/Visual-Studio-Code-Keymap-CN: Visual Studio Code Keymap in Chinese.
tonsky/FiraCode: Monospaced font with programming ligatures
viatsko/awesome-vscode: 🎨 A curated list of delightful VS Code packages and resources.
hediet/vscode-debug-visualizer: An extension for VS Code that visualizes data during debugging.
crper/Visual-Studio-Code-CNKEYMAP: Visual Studio Code快捷键中文版
think2011/vscode-vue-i18n: 🔖 这个插件能够帮到你方便浏览和编写 Vue i18n
antfu/i18n-ally: 🌍 All in one i18n extension for VS Code
OBKoro1/koro1FileHeader: 在vscode中用于生成文件头部注释和函数注释的插件,经过多版迭代后,插件:支持所有主流语言,功能强大,灵活方便,文档齐全,食用简单!觉得插件不错的话,点击右上角给个Star⭐️呀~
配置 · OBKoro1/koro1FileHeader Wiki
JavaScript Programming with Visual Studio Code
jsconfig.json Reference
Sublime Babel - Visual Studio Marketplace
Debugger for Chrome - Visual Studio Marketplace
Formatting Toggle - Visual Studio Marketplace
工作中常用的vscode插件 - 掘金
你的vscode本可以这么炫 - 掘金
推荐几个 VSCode 摸鱼插件 - 掘金
动图演示23个鲜为人知的VSCode快捷键 - 掘金
vscode-yapi-插件首发「交个朋友」 - 掘金
VS Code 必备插件推荐 - 小贤笔记 - CSDN博客
vscode使用Setting Sync_开发工具_Blog-CSDN博客
解决:对修饰器的实验支持是一项将在将来版本中更改的功能。设置+"experimentalDecorators"+选项以删除此警告。 - 简书
VSCODE 推荐插件 - 简书
令人惊叹的Visual Studio Code插件 - Sroot - 博客园
VS Code 必知必会的 20 个快捷键!
codespaces-contrib/codeswing: VS Code extension for building web applications ("swings") using a interactive and editor-integrated coding environment
terminal-stocks/app.js at master · SugarTurboS/terminal-stocks
实战-从零开始实现VS Code基金插件(上班摸鱼可用)

adobe/brackets: An open source code editor for the web, written in JavaScript, HTML and CSS.
chriskempson/tomorrow-theme: Tomorrow Theme now lives on at https://github.com/chriskempson/base16
精选!5 个必备必知必用的前端插件 - 工具资源 - 掘金
搭建一个属于自己的在线 IDE
RunJS - 在线编辑、展示、分享、交流你的 JavaScript 代码
CodePen - Front End Developer Playground & Code Editor in the Browser
Edit fiddle - JSFiddle
Cloud9 - Your development environment, in the cloud
Notepad++ Home
Coding WebIDE 开启云端开发模式! - Coding.net
JetBrains:面向专业人员和团队的开发工具 JetBrains 中文官网
Spket IDE - JavaScript Editor
SimplyY 的博客:atom tips
Wingware Python IDE
Brackets - A modern, open source code editor that understands web design.
CodeSandbox: Online Code Editor and IDE for Rapid Web Development
JS Bin 一款很好的web开发辅助工具 - 林福山053 - 简书
你可能没用过的10款优秀代码编辑器,最喜欢哪个? - 梦想天空(山边小溪) - 博客园
给 Web 前端开发人员推荐20款 CSS 编辑器 - 梦想天空(山边小溪) - 博客园

#在线实时协作

mozilla/togetherjs: A service for your website that makes it surprisingly easy to collaborate in real-time.
Mozilla Labs : TogetherJS
TAPD-敏捷开发 项目管理 腾讯敏捷产品研发平台

#代码校验、提速&解析

Kite

Kite
Kite - Free AI Coding Assistant and Code Auto-Complete Plugin
Kite Help Desk

nearley

kach/nearley: 📜🔜🌲 Simple, fast, powerful parser toolkit for JavaScript.
Home - nearley.js - JS Parsing Toolkit

prepack

facebook/prepack: A JavaScript bundle optimizer.
prepack - npm
Prepack · Partial evaluator for JavaScript

JSHint, a JavaScript Code Quality Tool
The Roles Model | Accessible Rich Internet Applications (WAI-ARIA) 1.0
Supported States and Properties | Accessible Rich Internet Applications (WAI-ARIA) 1.0
JSLint: The JavaScript Code Quality Tool
注释那些事儿 - 前端代码质量系列文章(一) - 掘金
圈复杂度那些事儿-前端代码质量系列文章(二) - 掘金
[译] 避免那些可恶的 "cannot read property of undefined" 错误 - 掘金
JavaScript 复杂判断的更优雅写法 - 掘金
[译] 五个小技巧让你写出更好的 JavaScript 条件语句 - 掘金

#代码统计&查询

codelf

unbug/codelf: A search tool helps dev to solve the naming things problem.
CODELF

sloc

flosse/sloc: simple tool to count SLOC (source lines of code)

searchcode

searchcode | source code search engine
searchcode's free api | source code search engine

arzzen/git-quick-stats: ▁▅▆▃▅ Git quick statistics is a simple and efficient way to access various statistics in git repository.
casperdcl/git-fame: Pretty-print `git` repository collaborators sorted by contributions.
IonicaBizau/git-stats: 🍀 Local git statistics including GitHub-like contributions calendars.
GitHub Protips: Tips, tricks, hacks, and secrets from Lee Reilly - The GitHub Blog
VisualStudioCode统计项目代码行数 - 简书

#代码演示&分享

bit

《Bit 最佳实践》

Bit 最佳实践 - 第一节:搭建 bit server 私服
Bit 最佳实践 - 第二节:基于bit的组件共享工作流之一的实践
Bit 最佳实践 - 第三节:bit是如何处理组件之间的依赖的
Bit 最佳实践 - 第四节:编写可复用bit组件规范与方案

teambit/bit: Easily share code between projects with your team.
bit-bin - npm
Bit - Share and build with code components
Component Discovery and Collaboration · Bit
【授权转载】bit 远端存储scope解析
bit 专题:由组件复用到 bit 适用场景
ebit - 源码复用 bit 工作流
ebit 写权限控制实现

carbon

dawnlabs/carbon: 🎨 Create and share beautiful images of your source code
Carbon
Carbon

glorious-demo

glorious-codes/glorious-demo: The easiest way to demonstrate your code in action.
Glorious Demo

Snipper.io

Snipper.io

¥代码评审(Code Review)

OCLint 实现 Code Review - 给你的代码提提质量 - 掘金
有赞美业前端: 持续标准化 Code Review - SegmentFault 思否
11个代码质量审核和管理工具,程序员必备!
web前端技术圈

¥代码托管工具

bitbucket

Overview — Bitbucket
Bitbucket | The Git solution for professional teams

Git

Git core

#Bash

Bash core

Bash libs、plugins&tools

Bash 资源、整理集&FAQ

Bash 资源

alexanderepstein/Bash-Snippets: A collection of small bash scripts for heavy terminal users
dylanaraps/pure-bash-bible: 📖 A collection of pure bash alternatives to external processes.

Bash 整理集

《Bash 脚本教程》

《Bash 脚本教程》发布了 - 阮一峰的网络日志
Bash 脚本教程 - 网道
wangdoc/bash-tutorial: Bash 教程

Bash FAQ

Setup and Config

git config

commit.template

gist.github.com
Git Commit Template如何检查 - 简书

Git - git-config Documentation
Git - 配置 Git
Git重命名仓库、修改远程仓库地址、修改仓库配置 - Spring的博客 - CSDN博客
git 给远程库 添加多个url地址 - u012022003的专栏 - CSDN博客
将项目同时托管到Github和Git@OSC - 哦这样的孤单 你冷若冰霜 - 开源中国
IDEA/Git 设置多个push远程仓库或者同时提交多个push仓库 - MyHome - 开源中国
git修改远程仓库地址 - 赖忠标 - 博客园

Git - git Documentation
Git - git-help Documentation

Getting and Creating Projects

git 仓库管理

Google Git-Repo 多仓库项目管理 - 掘金
Git关联远程仓库 - 江南一点雨的专栏 - CSDN博客
本地项目关联到远程git仓库 - Vi_error.nextval - CSDN博客
新创建git仓库 - 跨省少年的博客 - CSDN博客
Git的使用--如何将本地项目上传到Github(两种简单、方便的方法) - Fan2g - CSDN博客
从本地更新已有项目到github - CSDN博客
Git的使用--如何将本地项目上传到Github - CSDN博客
从本地更新已有项目到github - CSDN博客
Git push与pull的默认行为 - 蛤蛤 - SegmentFault 思否
Git 项目提交新仓库 - 兜兜里没糖糖 - 博客园
使用git将项目上传到github(最简单方法) - CKTim - 博客园
利用git把本地项目传到github+将github中已有项目从本地上传更新 - 二十年后20 - 博客园
利用git把本地项目传到github+将github中已有项目从本地上传更新 - 二十年后20 - 博客园
将项目(代码)从GitHub上克隆(下载)到本地仓库 - 江峰★ - 博客园
git push origin与git push -u origin master的区别 - 水木神舟10 - 博客园
Git 本地新建,删除分支并推送到远程仓库 - veryvalley - 博客园

Git - git-init Documentation
Git - git-clone Documentation

Basic Snapshotting

git add

Git - git-add Documentation
git add 添加多个文件 - 飞越蓝天的专栏 - CSDN博客
git 命令添加整个文件夹以及文件夹下的内容 - 飞越蓝天的专栏 - CSDN博客
git 一次add 多个文件和文件夹的方法 - HeatDeath的博客 - CSDN博客

git status

Git - git-status Documentation

git diff

Git - git-diff Documentation

git commit

Git - git-commit Documentation
karma/CHANGELOG.md at master · karma-runner/karma
yalishizhude/commit-specification: 跨语言的git提交规范解决方案。A cross-language resolution for git commit message specification.
Git Commit Message Conventions - Google 文档
从一件小事聊聊软件工程师的自我修养 | 掘金年度征文 - 掘金
git commit触发的hook - 简书
git commit中输入message的几种方式 - 简书
git commit --amend用法(摘抄) - 简书
好用的git commit --amend命令 - 简书
git commit --amend两种用法_移动开发_unbroken-CSDN博客
使用 git commit --amend 修改历史 commit 信息 - 南木阁 - SegmentFault 思否
git commit --amend 用法详解 - 知乎
Git commit 常见用法 - 浅浅念 - 博客园
git commit-amend-蚂蚁部落
Git 提交记录和分支模型
git commit之后,想撤销commit - 持&恒 - 博客园

git notes

Git - git-notes Documentation

git restore

Git - git-restore Documentation

git reset

Git - git-reset Documentation
撤销修改 - 廖雪峰的官方网站
Git reset - 林多多 - CSDN博客
git reset --hard 放弃本地修改 - zyfzhangyafei的专栏 - CSDN博客
git reset --hard 之 git版本回退 - 专注于全栈游戏开发 - CSDN博客
git reset 三种用法总结 - alphapersonality的博客 - CSDN博客
git reset --hard 和 git reset --sort区别 - 洋成林 - CSDN博客
Git恢复之前版本的两种方法reset、revert(图文详解) - 游笑天涯 - CSDN博客
git revert 和 git reset 的区别 - qq_33442844的博客 - CSDN博客
Git 版本回退(代码回滚) - DeMon - CSDN博客
[Git高级教程(二)] 远程仓库版本回退方法 - 梧桐那时雨 - CSDN博客
GIT回滚master分支到指定tag版本 - A点点圈圈A的博客 - CSDN博客
Git Reset 三种模式 - 简书
Git reset命令的使用 - 简书
git reset soft,hard,mixed之区别深解 - 世有因果知因求果 - 博客园
Git版本恢复命令reset(转载) - 一点点征服 - 博客园
github总结(4)--关于git reset --hard这个命令的惨痛教训 - 前端段子手 - 博客园
git撤销commit - 泪已凝 - 博客园
git reset与git revert比较 - N神3 - 博客园
git 放弃本地修改 - 上官云清 - 博客园
【Gitlab】GIT回滚master分支到指定tag版本 并提交远程仓库 - ·悟空· - 博客园
[Git] Reset - mixed, hard and soft | 搞搞就懂 - 點部落
git git reset --hard HEAD^ 和 git reset HEAD^ 的区别 - 黑客派
Git Book 中文版 - Git的撤消操作 - 重置, 签出 和 撤消

git rm

Git - git-rm Documentation

git mv

Git - git-mv Documentation

Git中的add(暂存)和commit(提交)详解 - u012803663的博客 - CSDN博客
git取消add和commit操作 - 随手记两笔 - CSDN博客
git add.和git commit这两个在git pull前面还是后面啊 - SegmentFault 思否
为什么要先git add才能git commit?
git学习整理(2)git add与git commit理解 - MO蓦然回首 - 博客园
GIT入门笔记(9)- git的add和commit机制原理 - 长安快马 - 博客园

Branching and Merging

git branch

Git - git-branch Documentation
git branch -v、git branch -vv、git branch -verbose - MilesGO - 博客园
【git初步】git branch -v、git branch -vv、git branch -ve - 豌豆ip代理

git checkout

Git - git-checkout Documentation

git switch

Git - git-switch Documentation

git merge

Git - git-merge Documentation
Git - git-merge Documentation
5.1 代码合并:Merge、Rebase 的选择 · geeeeeeeeek/git-recipes Wiki
聊下git merge --squash - iOS - 掘金
git merge代码合并--no--ff等含义 - 拼搏在2014 - CSDN博客
git Fast-forward与no-ff的区别 - fangchao3652 - CSDN博客
git merge简介 - Robin Hu的专栏 - CSDN博客
git merge 跟 git merge -no-ff - Bad Boy - CSDN博客
[Gerrit] git merge合并分支后,push远程时被拒绝! [remote rejected] HEAD -> refs/for/master (no new changes)_杰希默克的博客-CSDN博客_! [remote rejected]
(...) git merge --no-ff是什么意思 - SegmentFault 思否
聊下git merge --squash - 王清培 - 博客园

git mergetool

Git - git-mergetool Documentation

git log

Git - git-log Documentation
Git - git-log Documentation

git stash

Git - git-stash Documentation
Git - Stashing
Git - 储藏(Stashing)
Git - git-stash Documentation
Bug分支 - 廖雪峰的官方网站
git stash命令 - 玄火的专栏 - CSDN博客
玩转GIT之看清 git stash 的本质 - godkun的博客 - CSDN博客
git stash详解 - stone_yw的博客 - CSDN博客
git stash 用法详解 - xihuanzhi1854的博客 - CSDN博客
【Git学习】从git stash原理理解三大区域和分支切换 - fxkcsdn的博客 - CSDN博客
git stash详解_Python_realLiuNing的博客-CSDN博客
git stash命令的所有情况详解+git stash push和git stash save的区别+WIP缩写的理解_运维_萌新李同学的博客-CSDN博客
git stash的详细讲解 - 简书
git之stash - 简书
git stash - 简书
git-stash用法小结 - 简书
git 高阶用法 - 粉刷匠的小毛刷 - SegmentFault 思否
用中文说说 git stash - 代码自留地 - SegmentFault 思否
git-stash用法小结 - Tocy - 博客园
git stash 用法 - 泡面狂 - 博客园
git stash 用法总结和注意点 - 加个小鸡腿 - 博客园
git切换到别的分支,要暂时保存当前分支的修改(不想进行add 和commit)的方法 git stash - 技术随笔 - 博客园
Git stash 常见用法 - 浅浅念 - 博客园
git stash命令使用手册 - petercao - 博客园
git stash用法详解-蚂蚁部落
git stash用法详解-蚂蚁部落
git stash save与git stash push区别-蚂蚁部落
git stash的基本使用方法-百度经验
git stash apply version - Stack Overflow

git tag

Git - git-tag Documentation
git 打tag步骤_开发工具_intelrain的博客-CSDN博客
Git tag 给当前分支打标签 - x3d - 博客园

git worktree

Git - git-worktree Documentation

git 分支管理

fast-forward

git - How to fast-forward a branch to head? - Stack Overflow
三分钟教你学Git(十二) 之 fast-forward_hongchangfirst-CSDN博客
Git中的Fast forward选项_qq_40583925的博客-CSDN博客
Git – Fast Forward 和 no fast foward - 简书
git学习笔记 - 简书
git恢复fast forward模式 - SegmentFault 思否
Git – Fast Forward 和 no fast foward - bcombetter - 博客园
【Todo】git的fast forward & git命令学习 & no-ff - blcblc - 博客园
Git fast forward提交 - 综合编程类其他综合 - 红黑联盟

git 删除

git删除文件夹/文件(不删除本地文件) - CSDN博客
git操作基础:删除文件夹 - CSDN博客
git 删除分支(本地/远程) - zhuchunyan_aijia的博客 - CSDN博客
Git 删除本地和远程分支_开发工具_尘埃落定-CSDN博客
git 删除分支 - 简书
git 删除本地分支和远程分支、本地代码回滚和远程代码库回滚 - PianoCoder - 博客园
【git】git 常用命令(含删除文件) - boluo1230 - 博客园
git删除远程分支和本地分支 - 罗松超 - 博客园

git的分支管理 - 掘金
Git分支管理策略 - 阮一峰的网络日志
git基本使用 创建切换合并分支以及提交本地分支至远程分支 - 伏念先生的博客 - CSDN博客
git比较两个分支的文件的差异 - yzpbright的博客 - CSDN博客
git比较两个版本之间的区别 - 阳水平的博客 - CSDN博客
git拉取远程分支并创建本地分支 - zhangxiaoyang0的专栏 - CSDN博客
使用git克隆指定分支的代码 - ButterflyGirl - 博客园
git 远程新建分支后,本地查看不到 - aaron_agu - 博客园
git切换分支保存修改的代码的方法 – Tony的技术空间
Git查看、删除、重命名远程分支和tag | zrong's Blog
Git与远程repository同步tag和branch – 笑遍世界

Sharing and Updating Projects

git fetch

Git - git-fetch Documentation
git fetch步骤_封狼居胥-CSDN博客
What does 'git fetch -p' means - Stack Overflow

git pull

Git - git-pull Documentation
git pull 强制覆盖本地 - 掘金
简单对比git pull和git pull --rebase的使用-(转)_toyijiu的专栏-CSDN博客
聊下git pull --rebase_斜阳雨陌-CSDN博客
为什么要使用git pull --rebase? - 简书
简单对比git pull和git pull --rebase的使用 - 简书
对比git pull和git pull --rebase - gefufeng的个人页面 - OSCHINA
git pull和git pull --rebase之间的区别_慕课猿问
简单对比git pull和git pull --rebase的使用 - 散尽浮华 - 博客园
git pull和git pull --rebase的使用 - 陈亚 - 博客园
git pull --rebase的理解 - kungfupan - 博客园
聊下git pull --rebase - 王清培 - 博客园

git push

Git - git-push Documentation

git remote

Git - git-remote Documentation
Git - git-remote Documentation
git remote update origin --prune not working with Bitbucket - Stack Overflow
聊下 git remote prune origin_dengzai7446的博客-CSDN博客
聊下 git remote prune origin_网络_王清培-CSDN博客
git 如何同步本地、远程的分支和tag信息_开发工具_风一样自由-CSDN博客
Git 清理无效的远程追踪分支 - 简书
聊下 git remote prune origin - 王清培 - 博客园
git remote prune origin删除本地有但在远程库已经不存在的分支 - 崔凯通 - 博客园

git submodule

Git - git-submodule Documentation

Inspection and Comparison

git show

Git - git-show Documentation

git difftool

Git - git-difftool Documentation

git range-diff

Git - git-range-diff Documentation

git shortlog

Git - git-shortlog Documentation

git describe

Git - git-describe Documentation

Patching

git apply

Git - git-apply Documentation
git apply patch doesn't work: no such file or directory - Stack Overflow
活用 git apply 合入 patch 补丁 - 掘金
git diff 生成patch, git apply patch 打补丁方法说明,以及分支管理的简单操作。_dake_160413的博客-CSDN博客
Git Patch 操作 - 简书
如何使用git 生成patch 和打入patch【转】 - 请给我倒杯茶 - 博客园
git 打patch和应用patch 流程 - 魔法少女希维尔 - 博客园
Git命令解析-patch、apply、diff

git cherry-pick

Git - git-cherry-pick Documentation
git cherry-pick_w3cschool
git cherry-pick - [ Git中文开发手册 ] - 在线原生手册 - php中文网
工具篇:git cherry-pick_BruceBupt的博客-CSDN博客
git-cherry-pick之使用心得_dclingcloud的博客-CSDN博客
[Git] Git整理(五) git cherry-pick的使用_FightFightFight的博客-CSDN博客
Git 之 cherry-pick - 活到老学到老 - SegmentFault 思否
git cherry-pick使用 - 简书
git cherry-pick - 简书
Git cherry-pick - 简书
Git cherry-pick - 简书
git cherry-pick 最佳实践 - 简书
Git cherry-pick 这个命令你会经常用到! - 知乎
Git cherry-pick 使用总结 - 天王盖地虎626的个人空间 - OSCHINA
git cherry-pick 的使用 - 风坤 - 博客园
git cherry-pick合并某个commit - WhyWin - 博客园

git rebase

合并多次提交

git rebase -i合并多次提交_开发工具_我的博客-CSDN博客
git合并分支上的commit为一条commit到master - !win ! - 博客园
Git 无故出现HEAD,合并到主分支_开发工具_qq_41922141的博客-CSDN博客

Git - git-rebase Documentation
git pull VS git fetch git rebase - Stack Overflow
Rebase - 廖雪峰的官方网站
git rebase 理解_git rebase_Erice_e的专栏-CSDN博客
git在工作中正确的使用方式----git rebase篇_nrsc-CSDN博客
git rebase和git fetch_xuejianbest的专栏-CSDN博客
使用git fetch和git rebase处理多人开发同一分支的问题_azureternite的专栏-CSDN博客
git的fetch、rebase工作流同步代码 - 个人文章 - SegmentFault 思否
Git rebase使用 - 简书
git rebase - 简书
你真的懂git rebase吗? - 简书
【Git】rebase 用法小结 - 简书
使用git fetch和git rebase处理多人开发同一分支的问题 - 简书
git pull && git fetch && git stash && git rebase && git reset - 春哥大魔王的博客的个人空间 - OSCHINA
git rebase -i - 阿谋 - 博客园
差异:git clone , git fetch, git pull和git rebase - 滴滴滴 - 博客园
git补充(fetch和rebase) - helloworldmybokeyuan - 博客园
这一次彻底搞懂 Git Rebase | 码农网
git-rebase(1)
git rebase_慕课手记
深入git rebase使用

git revert

Git - git-revert Documentation
Git revert使用和例子 - 库塔姆斯 - CSDN博客
Git 之 revert - 一入前端深似海 - SegmentFault 思否
git revert 用法 - demoblog - 博客园
git revert 还有这个坑?_慕课手记
git 入门 回滚错误的修改 git revert - 阿里云

git diff,git format-patch,git apply和patch小问题三则_Andy_0755的博客-CSDN博客
git apply、git am打补丁.diff 和 .patch - 简书
git am, git apply, git format-patch,git diff 用法 - 简书
Git 打补丁-- patch 和 diff 的使用(详细) - 简书
使用Git生成patch和应用patch,看完这一篇文章就全懂了-patch文件-上犹电脑信息网

Debugging

git blame

Git - git-blame Documentation
git blame的详细用法解释以及输出详解以及高级进阶操作_开发工具_萌新李同学的博客-CSDN博客
git blame(查看文件的每个部分是谁修改的)_移动开发_allanGold的博客-CSDN博客
git blame使用 - 简书
git blame && git show 查看某一行代码的修改历史 - 简书
Git blame的正确姿势 - 知乎
git blame (10) - 良红 - 博客园
git blame 查找修改者 - jaspersong - 博客园
git blame查看文件由哪次提交修改-蚂蚁部落
Git鲜为人知的四个命令:bisect,blame,reflog和提交范围

Git - git-bisect Documentation
Git - git-grep Documentation

Guides

gitignore

Git - gitignore Documentation
忽略特殊文件 - 廖雪峰的官方网站
Github使用.gitignore文件忽略不必要上传的文件 - 一只攻城的柿子 - CSDN博客
GitHub 提交 如何忽略某个文件夹 - 一句代码演绎你的人生。 - CSDN博客
git学习六:git提交忽略不必要的文件或文件夹 - Sang - CSDN博客
git: 两个配置文件.gitattributes和.gitignore - chao2016的博客 - CSDN博客
[Git].gitignore文件的配置使用 - 知乎
Github忽略文件设置经验 - 编程浪子Yiutto - 博客园
Git 忽略提交 .gitignore - 悠悠i - 博客园
Git忽略提交规则 - .gitignore配置运维总结 - 散尽浮华 - 博客园
Git 忽略提交 .gitignore - 悠悠
gitignore.io - Create Useful .gitignore Files For Your Project

Git - gitattributes Documentation
Git - gitcli Documentation
Git - giteveryday Documentation
Git - gitglossary Documentation
Git - githooks Documentation
Git - gitmodules Documentation
Git - gitrevisions Documentation
Git - gitsubmodules Documentation
Git - 子模块
Git - gittutorial Documentation
Git - gitworkflows Documentation

Email

git am

Git - git-am Documentation
git am 冲突解决技巧_scarecrow_byr的专栏-CSDN博客
git am_左山艾艾的博客-CSDN博客
git am 部分发生冲突的处理 - 天王盖地虎626的个人空间 - OSCHINA
如何用git命令生成Patch和打Patch - 青山牧云人 - 博客园
git am使用详解-cengku-ChinaUnix博客

git format-patch

Git - git-format-patch Documentation
git format-patch is your Friend | Oliver Davies - Full Stack Web Developer (Drupal, Symfony, Laravel, Linux)
git format-patch_wsclinux的专栏-CSDN博客
Git format-patch和Git am_Linux小辉的博客-CSDN博客
git format-patch 用法【转】 - 请给我倒杯茶 - 博客园
git-format-patch(1)

git send-email

Git - git-send-email Documentation

git request-pull

Git - git-request-pull Documentation

External Systems

Git - git-svn Documentation
Git - git-fast-import Documentation

Administration

git clean

Git - git-clean Documentation

git gc

Git - git-gc Documentation

git fsck

Git - git-fsck Documentation

git reflog

Git - git-reflog Documentation

git filter-branch

Git - git-filter-branch Documentation

git instaweb

Git - git-instaweb Documentation

git archive

Git - git-archive Documentation

git bundle

Git - git-bundle Documentation

Server Admin

Git - git-daemon Documentation
Git - git-update-server-info Documentation

Plumbing Commands

git cat-file

Git - git-cat-file Documentation

git check-ignore

Git - git-check-ignore Documentation

git checkout-index

Git - git-checkout-index Documentation

git commit-tree

Git - git-commit-tree Documentation

git count-objects

Git - git-count-objects Documentation

git diff-index

Git - git-diff-index Documentation

git for-each-ref

Git - git-for-each-ref Documentation

git hash-object

Git - git-hash-object Documentation

git ls-files

Git - git-ls-files Documentation

git ls-tree

Git - git-ls-tree Documentation

git merge-base

Git - git-merge-base Documentation

git read-tree

Git - git-read-tree Documentation

git rev-list

Git - git-rev-list Documentation

git rev-parse

Git - git-rev-parse Documentation

git show-ref

Git - git-show-ref Documentation

git symbolic-ref

Git - git-symbolic-ref Documentation

git update-index

Git - git-update-index Documentation

git update-ref

Git - git-update-ref Documentation

git verify-pack

Git - git-verify-pack Documentation

git write-tree

Git - git-write-tree Documentation

GotGit
Git - Book
Git - Book
Git - Book
Git - 高级合并
About - Git
Git - Documentation
Git - Downloads
Git - Community
Git - Reference
Git - Videos
Git - External Links
Git - 重写历史
Git - 远程仓库的使用
Pro Git(中文版)
Git权威指南 — GotGit
Guides - [ Git中文开发手册 ] - 在线原生手册 - php中文网
Git_w3cschool
GitBook · Documentation made easy
沉浸式学 Git: Contents
Git Magic - 前言
git - the simple guide - no deep shit!
Git 参考手册
Git 教學(1) : Git 的基本使用 - 好麻煩部落格
Git常用命令速查表(收藏大全)

Git libs、plugins&tools

#Bash、Cmd&Shell

gitsh

thoughtbot/gitsh: An interactive shell for git

git-sh

rtomayko/git-sh: A customized bash environment suitable for git work.

#COMMIT

conventional-commits-detector

conventional-changelog/conventional-commits-detector: Detect what commit message convention your repository is using.

cz-cli

commitizen/cz-cli: The commitizen command line utility. #BlackLivesMatter

commitlint

conventional-changelog/commitlint: 📓 Lint commit messages
marionebl/commitlint: 📓 Lint commit messages
commitlint/reference-rules.md at master · marionebl/commitlint
commitlint - Lint commit messages
commitlint - Lint commit messages
Local setup - commitlint - Lint commit messages

recommit

一个修改git commit的名字/email/日期的工具 - 前端 - 掘金

validate-commit-msg

conventional-changelog-archived-repos/validate-commit-msg: DEPRECATED. Use https://github.com/marionebl/commitlint instead. githook to validate commit messages are up to standard
Conventional Commits

ajoslin/angular-precommit

#Git 服务

gogs/gogs: Gogs is a painless self-hosted Git service
在个人服务器上搭建git服务,创建属于自己的私人仓库 - 掘金
搭建自己的 Git 服务器 - 掘金
Github标星34K+Star,这款开源项目助你秒建Git服务!
Gogs - 基于 Go 语言的自助 Git 服务 - 梦想天空(山边小溪) - 博客园

#Git 工作流

Git Subtree

用 Git Subtree 在多个 Git 项目间双向同步子项目 - 掘金

gitflow

nvie/gitflow: Git extensions to provide high-level repository operations for Vincent Driessen's branching model.
petervanderdoes/gitflow-avh: AVH Edition of the git extensions to provide high-level repository operations for Vincent Driessen's branching model

xuminwlt/j360-gitflow: gitflow工作流使用规范
silencyXiao/gitflow_test: gitflow 工作流指南
zhaotoday/product-workflow: Git workflow. 产品测试发布流程及 gitflow 工作流经验总结。
为了前端的深度-git的命令行 - 掘金
Git工作流指南:Gitflow工作流 - 文章 - 伯乐在线
docs.gitlab.com
字节研发设施下的 Git 工作流

#自动部署

run-if-changed

hkdobrev/run-if-changed: Run a command if a file changes via Git hooks

手摸手,带你实现代码自动部署 - 掘金

download-git-repo

Phillip Lanclos / download-git-repo · GitLab
download-git-repo - npm
flipxfx/download-git-repo: Download and extract a git repository (GitHub, GitLab, Bitbucket) from node.
ianstormtaylor/download-github-repo: Download and extract a GitHub repository from node.
jprichardson/node-github-download: Easily download Github repos without dependencies such as Git, Tar, Unzip, etc.

gitextensions

gitextensions/gitextensions: Git Extensions is a standalone UI tool for managing git repositories. It also integrates with Windows Explorer and Microsoft Visual Studio (2015/2017/2019).
Git Extensions | Git Extensions is a standalone UI tool for managing Git repositories
gitextensions/gitextensions - Gitter

gitbook

book.json

bookjson · GitBook 使用教程
book.json | GitBook 简明教程
GitBook(2):book.json 配置 - Koala工作室
book.json配置GitBook - 你特叔 - CSDN博客
gitbook的book.json配置 - 少言才不会咸's Tech-blog - CSDN博客
gitbook中book.json文件详解 - 农家小院 - CSDN博客

gitbook plugin

julianxhokaxhiu/gitbook-plugin-summary: Gitbook plugin to auto-generate SUMMARY.md
WebEngage/gitbook-plugin-copy-code-button: gitbook-plugin-copy-code-button
Download PhantomJS
calibre - Download calibre
calibre - Download for Windows
gitbook 转换 pdf - kayfen - CSDN博客
gitbook 编译书籍源码 为PDF - 陈罗杰的专栏 - CSDN博客
Windows上使用gitbook制作电子书 - 记录每一个小阶段的学习心得,持之以恒! - CSDN博客
GitBook 安装配置 & 导出PDF - 禅林阆苑 - CSDN博客
Gitbook根据目录生成Summary.md - 简书
Calibre 使用教程之转换电子书格式 – 书伴

GitbookIO/gitbook: 📝 Modern documentation format and toolchain using Git and Markdown
zhangjikai/gitbook-use: 记录GitBook的一些配置及插件信息
gitbook serve error with ENOENT: no such file or directory(fontsettings.js&website.css) · Issue #55 · GitbookIO/gitbook-cli
fontsettings | GitBook Plugins
About this documentation · GitBook Toolchain Documentation
GitBook Help Center
Plugins for GitBook
expandable-chapters-small | GitBook Plugins
Templating · GitBook Toolchain Documentation
Spaces - YingHua1314
前言 · GitBook 使用教程
Gitbook安装与使用教程 - 陈云峰技术博客 - CSDN博客
gitbook新版本 build命令导出的html不能跳转? - qi_ruihua的专栏 - CSDN博客
如何在新版的gitbook上写自己的书 - 个人文章 - SegmentFault 思否
GitBook 安装以及使用 - 简书
使用 Gitbook 打造你的电子书 - 静默虚空 - 博客园
GitBook Editor for Mac|GitBook Editor Mac版下载 V7.0.11 - PC6苹果网
GitBook - Document Everything!

git-bug

MichaelMure/git-bug: Distributed bug tracker embedded in Git

github-corners

tholman/github-corners: A fresher "Fork me on GitHub" callout.
GitHub Corners

gitbatch

isacikgoz/gitbatch: manage your git repositories in one place

GitHub Ribbons

GitHub Ribbons - The GitHub Blog

git-admin

ninetynine/git-admin: A package to help manage git repositories through the commandline
git-admin - npm

git-history

pomber/git-history: Quickly browse the history of any GitHub file
Git History

Git Town

Git Town - Git 高级命令插件 - 工具资源 - 掘金

gitmoji

carloscuesta/gitmoji: An emoji guide for your commit messages. 😜
gitmoji | An emoji guide for your commit messages

gitmoji-cli

carloscuesta/gitmoji-cli: A gitmoji interactive command line tool for using emojis on commits. 💻
gitmoji-cli - npm

gitmoji-changelog

frinyvonnick/gitmoji-changelog: A library that generates changelog for repositories using gitmoji commits convention

husky

typicode/husky: 🐶 Git hooks made easy

lazygit

jesseduffield/lazygit: simple terminal UI for git commands

learnGitBranching

pcottle/learnGitBranching: An interactive git visualization to challenge and educate!
Learn Git Branching

lint-staged

okonet/lint-staged: 🚫💩 — Run linters on git staged files
sudo-suhas/lint-staged-multi-pkg: Example repo to demonstrate use of `lint-staged` with multi-pkg projects

progit2

progit/progit2: Pro Git 2nd Edition

Sourcetree

Sourcetree | Free Git GUI for Mac and Windows

tree

如何在git Bash中使用tree .命令 - 简书
git 入门教程之 git bash 竟然不支持 tree 命令 - 雪之梦技术驿站 - 博客园

thanks

feross/thanks: 🙌 Give thanks to the open source maintainers you depend on! ✨

gitpoint/git-point: GitHub in your pocket
k88hudson/git-flight-rules: Flight rules for git
hua1995116/git-down-repo: Download git-repo for any url
HelloGitHub – 分享 GitHub 上入门级、有趣的开源项目
GitHub Desktop | Simple collaboration from your desktop

Git 资源、整理集&FAQ

Git 资源

分支规范&提交规范

代码分支规范 - 掘金
Git 分支设计规范 - 掘金
开箱即用的代码提交规范 - 掘金
规范化团队 git 提交信息 - 掘金
Git commit message 规范 - 掘金
A successful Git branching model » nvie.com
一文搞定规范化Git Commit
git commit 规范指南_不挑食的程序员 - SegmentFault 思否

GitHub REST API - GitHub Docs
Release Git Credential Manager for Windows v1.14.0 · Microsoft/Git-Credential-Manager-for-Windows
git-tips/tips: Most commonly used git tips and tricks.
Star history
花点时间顺顺Git(上) - 前端 - 掘金
花点时间顺顺Git(下) - 前端 - 掘金
关于git你日常工作中会用到的一些东西 - 掘金
Git 有什么奇技淫巧? - 知乎
你不一定知道的几个很有用的 Git 命令 - 梦想天空(山边小溪) - 博客园
CSDN
通俗易懂|用好Git 和 SVN ,轻松驾驭版本管理
git 高级用法小抄
Learn Git Branching

Git 整理集

521xueweihan/git-tips: Git的奇技淫巧
xjh22222228/git-manual: git command reference manual 🦋
Git常用命令及日常问题集锦 - 掘金
图解git原理与日常实用指南 - 掘金
版本控制工具——Git常用操作(上) - 掘金
版本控制工具——Git常用操作(下) - 掘金
git常用命令和场景 - 掘金
「备忘录」60+Git常用命令行 - 掘金
一份值得收藏的 Git 异常处理清单
三年 Git 使用心得 & 常见问题整理
[前端漫谈] 一巴掌拍平Git中的各种概念 - 掘金
Git核心命令会这些就够了 - 东陆之滇的技术博客 - CSDN博客
git 操作规范 - web前端 - SegmentFault 思否

Git FAQ

Git 统计

统计Git仓库中总代码行数_Arvin的博客-CSDN博客_git判断c 代码行数
git如何统计代码行数 - 码农教程

中文乱码

git status 显示中文和解决中文乱码_夏虫不可语冰-CSDN博客
Git for windows 中文乱码解决方案_Tony的技术笔记 - SegmentFault 思否
git - Windows 上 git 中文乱码 - 简书
解决git显示中文乱码的问题 - 知乎
Git解决中文乱码问题 - 为牧 - 博客园

显示当前分支

Show just the current branch in Git - Stack Overflow
How to get the current branch name in Git? - Stack Overflow

git submodules - Git diff says subproject is dirty - Stack Overflow
git - How can I reset or revert a file to a specific revision? - Stack Overflow
git-checkout(1)
一杯茶的时间,上手 Git 团队协作开发 - 掘金
Git无法检测到文件名大小写的更改_开发工具_青崖梦-CSDN博客
在git bush中如何退出vim编辑器 - 简书
git 查看某个文件的历史修改版本 - JonasYu - 博客园
记录一次Git解决CONFLICT冲突 - JerryMouseLi - 博客园
相见恨晚的 Git 命令动画演示,一看就懂!
(...) 接触Git这么久,谈一谈对Git以及相关事物的理解_个人文章 - SegmentFault 思否
(1条消息) git 对比两个分支 具体某个文件的差异_技术追求者!-CSDN博客_git 比较两个分支文件差异
「一劳永逸」一张脑图带你掌握Git命令
Git各指令的本质,真是通俗易懂啊
【优化】记一次通过工具减少 Git 冲突

Gitee

我的工作台 - 码云 Gitee.com

GitHub

GitHub core

gitignore

github/gitignore: A collection of useful .gitignore templates
Ignoring files - GitHub Docs

LGDHuaOPER
Marketplace · Tools to improve your workflow
GitHub Documentation
GitHub Support
GitHub Status
https://api.github.com
https://api.github.com/users
GitHub Stars: inspire, educate & influence developer communities

GitHub libs、plugins&tools

astralapp

Astral
astralapp/astral: Organize Your GitHub Stars With Ease
Organize Your GitHub Stars With Ease | Astral
Astral

autoCommit

OBKoro1/autoCommit: 一个用于Git自动commit的VSCode插件,它可以用来补充之前忘记提交commit,帮助你把首页的绿色格子填满。
让你优雅的一键填满Github的绿色格子-AutoCommit - 掘金

github-readme-stats

anuraghazra/github-readme-stats: Dynamically generated stats for your github readmes

github1s

conwnet/github1s: One second to read GitHub code with VS Code.
[Preview] \README.md - conwnet/github1s - GitHub1s

Github Actions

Github Actions
boyney123/github-actions: Open source list of GitHub Actions
GitHub Actions 入门教程 - 阮一峰的网络日志
Features • GitHub Actions
coverallsapp/github-action: Coveralls Github Action

issues-helper

actions-cool/issues-helper: 🤖 A GitHub Action easily helps you automatically manage issues. Welcome to try.
Issues 助手

GitHub CLI

cli/cli: The GitHub CLI
node-gh/gh: GitHub CLI made with NodeJS
GitHub开源新命令行工具:在终端里创建、管理PR成现实

Github-Monitor

VKSRC/Github-Monitor: Github Sensitive Information Leakage Monitor(Github信息泄漏监控系统)

github-spray

Annihil/github-spray: 👾Generate spray for your GitHub contrib graph ░▒▓█

Github Trending

vitalets/github-trending-repos: Track GitHub trending repositories in your favorite programming language by native GitHub notifications!
huchenme/github-trending-api: The missing APIs for GitHub trending projects and developers 📈
sugarac/react-native-github-trending: Android and iOS client for GitHub trending and popular projects based on React Native.
jae-jae/weapp-github-trending: 微信小程序:Github今日榜单
kujian/githubTrending: Github前端趋势榜,每日更新前端热门项目。Tracking the most popular Github repos of frontend, updated daily

Gitter

huangjianke/Gitter: Gitter for GitHub - 可能是目前颜值最高的GitHub小程序客户端
GitHub API v3 | GitHub Developer Guide
Gitter - 高颜值GitHub小程序客户端诞生记 - 掘金

initab

dracula/dracula-theme: A dark theme for all the things!
NLKNguyen/base16-papercolor-light-syntax: A Base16 port of PaperColor Light syntax color scheme for Atom
Initab - Chrome New Tab Extension for Developers

LibHunt

LibHunt
LibHunt - Trending open-source projects and their alternatives

metrics

lowlighter/metrics: 📊 An image generator with 20+ metrics about your GitHub account such as activity, community, repositories, coding habits, website performances, music played, starred topics, etc. that you can put on your profile or elsewhere!

probot

probot/probot: 🤖 A framework for building GitHub Apps to automate and improve your workflow

scrollback

scrollback/scrollback: Embeddable cross-platform chat for communities
Scrollback, where communities hang out

pshihn/rough: Create graphics with a hand-drawn, sketchy, appearance
sindresorhus/fkill-cli: Fabulously kill processes. Cross-platform.
monkeyWie/proxyee-down: http下载工具,基于http代理,支持多连接分块下载
uber/NullAway: A tool to help eliminate NullPointerExceptions (NPEs) in your Java code with low build-time overhead
nhnent/tui.chart at production
gotgit/gotgithub: GotGitHub: an open source E-book about GitHub in Chinese
GitHub 加速下载 - 在线工具
GitHuber.cn - 首页
GitClone - GitHub缓存加速网站,为开发者服务
Gitstar Ranking - Top GitHub users and repositories
Beyond grep: ack 2.24, a source code search tool for programmers
GitHub Résumé
玩转Github的脚本和插件【效率提升200%】

GitHub 资源、整理集&FAQ

Github资源

《GitHub 漫游指南》

phodal/github: GitHub 漫游指南- a Chinese ebook on how to build a good project on Github. Explore the users' behavior. Find some thing interest.
GitHub 漫游指南 – GitHub 漫游指南

jamiebuilds/dark-mode-github-readme-logos: How to make logos in your README that support GitHub's new dark mode

Github整理集

casebox

huridocs/casebox: Casebox: Secure all your information and team communication in one place
CaseBox

HelloGitHub
521xueweihan/HelloGitHub: Find pearls on open-source seashore 分享 GitHub 上有趣、入门级的开源项目
tiimgreen/github-cheat-sheet: A list of cool features of Git and GitHub.
github上实用、常用的插件和库 - CSDN博客
15 个用于 GitHub 的 Chrome 插件 | WEB资源网

Github FAQ

fork

git fork后如何更新_开发工具_hahachenchen789的博客-CSDN博客
git fork之如何同步更新 - 挑战者V - 博客园
从Git Fork的项目怎么更新? - yahuang.wu - 博客园
如何更好地玩转 GitHub?
gitlab fork项目更新操作说明 - 简书
git如何更新fork的repository - 简书
gitlab和github下fork后如何同步源的新更新 - SegmentFault 思否
git - Fork的项目怎么更新和原项目保持一致 - SegmentFault 思否
gitlab或github下fork后如何同步源的新更新内容? - 知乎
git fork后如何更新_git,fork_行走的笔记-CSDN博客
github fork 别人的项目源作者更新后如何同步更新_开发工具_zhongzunfa的专栏-CSDN博客

账户冲突

解决 github push failed (remote: Permission to userA/repo.git denied to userB.) - 付小华的博客 - CSDN博客
git使用中遇到的remote:Permission to xxx denied to xxx问题如何解决 - 刘氏一族的博客 - CSDN博客
git 问题解决之remote: Permission to xxx/xxx.git denied to xxx. - qq_35524586的博客 - CSDN博客

建立个人博客网站

github-pages

gh-pages

tschaub/gh-pages: General purpose task for publishing files to a gh-pages branch on GitHub

GitHub Pages | Websites for you and your projects, hosted directly from your GitHub repository. Just edit, push, and your changes are live.
imsun/gitment: A comment system based on GitHub Issues.
New OAuth Application
GitHub Pages域名绑定2018,别被旧文章误导了_运维_小宇宙-CSDN博客
【笔记】在GitHub Pages中加入Disqus评论系统 - Forest of Horizon. 天际林。
Gitment:使用 GitHub Issues 搭建评论系统 | I'm Sun
LeanCloud
Valine -- 一款极简的评论系统 | 云淡风轻

jekyll

jokinkuang/stepbystep: A jekyll theme, simple and clear, compatible with PC iPad and Phone (RWD)
jekyll/minima: Minima is a one-size-fits-all Jekyll theme for writers.
daattali/beautiful-jekyll: Build a beautiful and simple website in literally minutes. Demo at http://deanattali.com/beautiful-jekyll
Jekyll • Simple, blog-aware, static sites | Transform your plain text into static websites and blogs
配置
Jekyll Themes
Liquid reference · Shopify Help Center

github/personal-website: Code that'll help you kickstart a personal website that showcases your work as a software developer.
手把手教你在Github上建立自己的个人博客网站 - 夜殇 - CSDN博客
手把手教你在Github上建立自己的个人博客网站 - 简书
如何用Github的gh-pages分支展示自己的项目 - 牧云云 - 博客园
基于hexo+github搭建一个独立博客 - 牧云云 - 博客园

怎么利用Github Issues 获取帮助 · Issue #2 · ssy341/datatables-cn
kibana/search_bar.tsx at 09ea3d529feb8e8af80c1061669b39ba881eb800 · elastic/kibana
怎么利用Github Issues 获取帮助 · Issue #2 · ssy341/datatables-cn
如何在Github上面精准搜索开源项目? - 掘金
自定义Github个人首页
恕我直言,你可能连 GitHub 搜索都不会用 - 如何精准搜索的神仙技巧
【最新】解决github图片不显示的问题 - Antrn的博客 - CSDN博客
Git的使用--如何将本地项目上传到Github - cssshua的博客 - CSDN博客
工具大全github地址 - CSDN博客
Git的使用--如何将本地项目上传到Github - cssshua的博客 - CSDN博客
工具大全github地址 - CSDN博客
两种方法上传本地文件到github - 简书
上传本地代码及更新代码到GitHub教程 - 张梨贤 - 博客园
GitHub下载克隆clone指定的分支tag代码 - Tse先生 - 博客园
上传本地代码及更新代码到GitHub教程 - 张梨贤 - 博客园
第一次使用Git上传本地项目到github上 - 孙氏楼 - 博客园
github 项目搜索技巧-让你更高效精准地搜索项目
送你一份玩转 Github 的秘诀

GitLab

liuhaimingcn/gitlab-hook: 接收github的push事件请求,监听指定分支,触发脚本重新部署项目。
The only single product for the complete DevOps lifecycle - GitLab | GitLab

Sourcetree

Sourcetree | Free Git GUI for Mac and Windows

gitextensions

gitextensions/gitextensions: Git Extensions is a standalone UI tool for managing git repositories. It also integrates with Windows Explorer and Microsoft Visual Studio (2015/2017/2019).
Git Extensions | Git Extensions is a standalone UI tool for managing Git repositories

GitStar-GitHub互赞吧

¥调试、测试&异常

#Mock

lazy-mock

wjkang/lazy-mock: 一个快速生成后端模拟数据的懒人工具
wjkang/lazy-mock-cli
lazy-mock-templates/d2-admin-pm: d2-admin-pm curd模板
lazy mock
使用 Node.js 写一个代码生成器 - 掘金

ma-mock

masongzhi/ma-mock: 用于mock和proxy的服务器
手动编写mock服务(ma-mock) - 掘金

Mock.js

nuysoft/Mock: A simulation data generator
Mock.js
手把手教你mockjs实际项目快速搭建 - 掘金

easy-mock

easy-mock/easy-mock: A persistent service that generates mock data quickly and provids visualization view.
easy-mock/easy-mock-cli: Create api.js for Easy-Mock. https://easy-mock.github.io/easy-mock-cli/
EasyMock
Easy Mock

mockJSON

mennovanslooten/mockJSON: MockJSON is a plugin for jQuery that can hijack JSON and JSONP requests and respond with randomly generated JSON data.

randomuser

RandomAPI/Randomuser.me-Node: Source code that powers randomuser.me
Random User Generator | Home
RandomAPI :: Index

raml-mocker

raml2html

raml2html/raml2html: RAML to HTML documentation generator.
raml2html - npm

xbl/raml-mocker: Raml-mocker 不仅是个 Mock Server,还是一个 API 接口测试工具

simple-mock

lzwme/simple-mock: 以注入到 node server 的 API 代理方式,实现简洁而功能强大的 API MOCK 功能,支持自动保存后端 API 数据到本地
renxia/github-user-search-ng: Github User Search for Angular 6+ Demo
在 Angular-cli 中使用 simple-mock 实现前端开发 API Mock 接口数据模拟 - 志文工作室
Simple Mock - By lzw
Github User Search

如何优雅的使用Mock Server - 掘金

testable-mock

alibaba/testable-mock: 换种思路写Mock,让单元测试更简单
TestableMock

#测试工具

a/b-testing

sixpack

sixpack/sixpack: Sixpack is a language-agnostic a/b-testing framework

API/接口测试工具

frisby

vlucas/frisby: Frisby is a REST API testing framework built on Jest that makes testing API endpoints easy, fast, and fun.

hoppscotch

hoppscotch/hoppscotch: 👽 A free, fast and beautiful API request builder used by 80k+ developers. https://hoppscotch.io
Hoppscotch • A free, fast and beautiful API request builder

Postman

newman - npm
Postman | The Collaboration Platform for API Development
Download Postman | Try Postman for Free
Introduction | Postman Learning Center
Using Postman Interceptor | Postman Learning Center
Using cookies | Postman Learning Center
Capturing HTTP requests | Postman Learning Center
Postman | Download Postman App
Home
Home
Postman API 中文白皮书文档-Postman 使用教程 - Chrome插件(谷歌浏览器插件)
使用postman测试接口时需要先登录怎么办 - CSDN博客
Postman用法简介 - CSDN博客
最强PostMan使用教程(1) - CSDN博客
postman中 form-data、x-www-form-urlencoded、raw、binary的区别 - wangjun5159的专栏 - CSDN博客
Postman 安装及使用入门教程 - Mafly - 博客园
postman:模拟发送一个需要 cookie 认证的请求 · TesterHome
接口测试 · 社区 · TesterHome

postwoman

Postwoman • A free, fast and beautiful API request builder

debug

JSDebugger

SatanWoo/JSDebugger: JavaScript-Based Debugger For Inspecting Running State Of Your Application
bang590/JSPatchConvertor: JSPatch Convertor is a tool that converts Objective-C code to JSPatch script automatically.
SatanWoo
Fundebug - 不放过每一个BUG

visionmedia/debug: A tiny JavaScript debugging utility modelled after Node.js core's debugging technique. Works in Node.js and web browsers
Debug

e2e测试

CodeceptJS

codeceptjs/CodeceptJS: Supercharged End 2 End Testing Framework for NodeJS
CodeceptJS

Detox

wix/Detox: Gray box end-to-end testing and automation framework for mobile apps

nightwatchjs

nightwatchjs/nightwatch: Automated testing and continous integration framework based on node.js and selenium webdriver

自动化测试-e2e测试框架选择 - 掘金

Source Maps

针对 Source Maps 的一篇介绍(翻译) - 掘金
Source Map Revision 3 Proposal - Google 文档

Test Anything Protocol

node-tap

tapjs/node-tap: Test Anything Protocol tools for node

Home - Test Anything Protocol
TAP - Test Anything Protocol
unit testing - Test Anything Protocol in Shell scripts - Stack Overflow
fpga - TAP (Test Anything Protocol) module for Verilog or SystemVerilog - Stack Overflow

UI测试

dalekjs

DalekJS
DalekJS - Automated cross browser testing with JavaScript

storybook

storybookjs/storybook: 📓 UI component dev & test: React, Vue, Angular, React Native, Ember, Web Components & more!
storybooks/storybook: Interactive UI component dev & test: React, React Native, Vue, Angular, Ember
storybook/addons/storyshots at master · storybooks/storybook
storybook/addons/storyshots/storyshots-core at master · storybooks/storybook
storybook/addons/storyshots/storyshots-puppeteer at master · storybooks/storybook
Storybook - UI dev environment you'll love to use
Introduction
Slow Start Guide
https://storybook.js.org/docs/guides/guide-react/
Storybook Tutorial
开始吧 | Storybook Tutorial

单元测试

Jest

Jest 资源、整理集&FAQ

Jest 资源

clarkbw/jest-localstorage-mock: A module to mock window.localStorage and window.sessionStorage in Jest
alonronin/mockingoose: A Jest package for mocking mongoose models
timkindberg/jest-when: A when(fn).calledWith(args).thenReturn(value) lib for jest
simpletut/Testing-React-Redux-with-Jest-and-Enzyme: React Redux Testing Template using Jest and Enzyme
vire/jest-vue-preprocessor: Preprocessor that allows importing of .vue files in jest tests
nordcloud/serverless-jest-plugin: Plugin for Serverless Framework which adds support for test-driven development using Jest
Hazyzh/jest-html-reporters: 🌈Reporter for jest test framework. 🌈
mzgoddard/jest-webpack: Use jest with webpack.
jameswlane/jest-express: Mock Express for testing with Jest
jest-community/jest-snapshots-svg: Take a React component tree, and render it into an SVG.
JamieMason/Jasmine-Matchers: Write Beautiful Specs with Custom Matchers for Jest and Jasmine
aarontrank/gulp-jest: Gulp plugin for the Jest test lib
sapegin/jest-cheat-sheet: Jest cheat sheet
kulshekhar/ts-jest: TypeScript preprocessor with sourcemap support for Jest
smooth-code/jest-puppeteer: Run your tests using Jest & Puppeteer 🎪✨
Raathigesh/majestic: ⚡ Zero config GUI for Jest
jest-community/jest-extended: Additional Jest matchers 🃏💪
americanexpress/jest-image-snapshot: ✨ Jest matcher for image comparisons. Most commonly used for visual regression testing.
skovhus/jest-codemods: Codemods for migrating to Jest https://github.com/facebook/jest 👾
styled-components/jest-styled-components: 🔧 💅 Jest utilities for Styled Components
kentcdodds/how-jest-mocking-works
facebook-atom/jest-electron-runner: custom test runner for Jest that allows tests to be run in Electron environment
eddyerburgh/vue-test-utils-jest-example: An example vue-test-utils project with jest
superman66/react-test-demo: React test demo with Jest and Enzyme
kentcdodds/jest-glamor-react: Jest utilities for Glamor and React
vnglst/mocking-with-jest: API Testing with Jest
blove/ngrx-testing: Testing NgRx with jest and jasmine-marbles
briebug/jest-schematic: Angular schematic for adding Jest and the required files to an Angular CLI project
hustcc/jest-canvas-mock: A module used to mock canvas in Jest.
maurocarrero/sinon-jest-cheatsheet: Some examples on how to achieve the same goal with either of both libraries: sinon and jest. Also some of those goals achievable only by one of these tools.
storybook-eol/storybook-addon-jest: REPO/PACKAGE MOVED - React storybook addon that show component jest report
hustcc/jest-date-mock: 🌗 Mock `Date` when run unit test cases with jest. Make tests of Date easier.
storybook-eol/storyshots: REPO/PACKAGE MOVED - Jest Snapshot testing for React Storybook
suchipi/chai-jest-snapshot: Chai assertion that provides Jest's snapshot testing
jest-community/jest-watch-typeahead: Jest watch plugin for filtering test by file name or test name
azz/jest-runner-tsc: 🃏A Jest runner for the TypeScript compiler
thoughtbot/jester: REST in Javascript
mattphillips/jest-expect-message: Add custom message to Jest expects 🃏🗯
remind101/jest-transform-graphql: Make .graphql file importing work in Jest
joeblank/jest-form-validation
justinsisley/Jest-CSS-Modules: A Jest script processor that prevents CSS module parse errors.
vuejs/vue-jest: Jest Vue transformer
FormidableLabs/enzyme-matchers: Jasmine/Jest assertions for enzyme
jest-community/awesome-jest: 🕶Awesome Jest packages and resources
thymikee/jest-preset-angular: Jest configuration preset for Angular projects.
jest-community/jest-junit: A Jest reporter that creates compatible junit xml files
kentcdodds/jest-cypress-react-babel-webpack: See how to configure Jest and Cypress with React, Babel, and Webpack
bencompton/jest-cucumber: Execute Gherkin scenarios in Jest
jest-community/snapshot-diff: Diffing snapshot utility for Jest
nickcolley/jest-axe: Custom Jest matcher for aXe for testing accessibility ♿️🃏
knee-cola/jest-mock-axios: Axios mock for Jest
shelfio/jest-mongodb: Jest preset for MongoDB in-memory server
atlassian/jest-in-case: Jest utility for creating variations of the same test
alexeyraspopov/jest-webdriver: Connect Jest tests to Selenium WebDriver
holylovelqq/vue-unit-test-with-jest: 吃透本仓库,变身vue项目单体测试大神
Hargne/jest-html-reporter: Jest test results processor for generating a summary in HTML
kentcdodds/react-jest-workshop
guigrpa/jest-html: Preview your Jest snapshots visually in the browser
keyz/identity-obj-proxy: An identity object using ES6 proxies. Useful for mocking webpack imports like CSS Modules.
keyz/jest-css-modules-example
【译】Jest 初学者教程:JavaScript 测试入门 - 掘金

Jest 整理集

《前端测试框架Jest系列教程》

前端测试框架Jest系列教程 -- 简介 - 不负春光,努力生长 - 博客园
前端测试框架Jest系列教程 -- Matchers(匹配器) - 不负春光,努力生长 - 博客园
前端测试框架Jest系列教程 -- Asynchronous(测试异步代码) - 不负春光,努力生长 - 博客园
前端测试框架Jest系列教程 -- Mock Functions(模拟器) - 不负春光,努力生长 - 博客园
前端测试框架Jest系列教程 -- Global Functions(全局函数) - 不负春光,努力生长 - 博客园
前端测试框架Jest系列教程 -- Expect(验证) - 不负春光,努力生长 - 博客园

Jest学习笔记(一) - 简书
Jest学习笔记(二) - 简书

Jest FAQ

Jest测试React组件入门 - 简书
Jest Mocks入门 - 简书
Jest - 简书
jest 自动化测试 - wang_yb - 博客园
一杯茶的时间,上手 Jest 测试框架 - 掘金

facebook/jest: Delightful JavaScript Testing.
Jest · 🃏 令人愉快的 JavaScript 测试
Jest · 🃏 Delightful JavaScript Testing
Getting Started · Jest
Using with webpack · Jest

karma

karma-runner/karma: Spectacular Test Runner for JavaScript
webpack/karma.conf.js at master · vuejs-templates/webpack
browserify/karma.conf.js at master · vuejs-templates/browserify
使用karma和jasmine配合phantom浏览器进行单元测试 - 掘金

Mocha

mochajs/mocha: simple, flexible, fun javascript test framework for node.js & the browser
记一次使用mocha做单元测试 - 掘金
Mocha - the fun, simple, flexible JavaScript test framework

nodeunit

caolan/nodeunit: Easy unit testing in node.js and the browser, based on the assert module.

qunitjs

qunitjs/qunit: An easy-to-use JavaScript Unit Testing framework.
QUnit API Documentation

riteway

ericelliott/riteway: Unit tests that always supply a good bug report when they fail.

sinonjs

sinon-chai

domenic/sinon-chai: Extends Chai with assertions for the Sinon.JS mocking framework.

sinonjs/sinon: Test spies, stubs and mocks for JavaScript.
Sinon.JS - Documentation

unit-test-demo

tank0317/unit-test-demo: 一步一步介绍如何给项目添加单元测试

JavaScript单元测试框架 - undefined
单元测试之基本构成 - 掘金
年轻时,我不写单元测试 - 掘金
12 款 JS 代码测试必备工具 - 开源中国
前端测试框架对比(js单元测试框架对比) - 晴天_雨天 - 博客园
对 JavaScript 进行单元测试的工具
Javascript unit testing tools

自动化测试

appium

appium/appium: Automation for iOS, Android, and Windows Apps.
appium/appium-desktop: Appium Server and Inspector in Desktop GUIs for Mac, Windows, and Linux

berserkJS

tapir-dream/berserkJS: berserkJS 是新形态的前端测试自动化工具 + 页面性能分析工具 ,同时也是个使用 JS 语法控制的命令行浏览器。可用 JS 编写前端自动测试用例 + 页面性能分析用例。 想了解更多

lambdatest

LambdaTest
Free Cross Browser Testing Tool on Cloud | Selenium Automation Testing

puppeteer-recorder

clipisode/puppeteer-recorder: Record animations using puppeteer. Based on electron-recorder.
Overview | Checkly

percy

Percy
Percy
icopy.site

webdriverio

webdriverio/webdriverio: Webdriver/Selenium 2.0 JavaScript bindings for Node.js

前端技术周刊 2018-12-10:前端自动化测试 - 掘金
自动化测试|录制回放效果差异检测 - 前端 - 掘金
试试前端自动化测试!(基础篇)
试试前端自动化测试!(React 实战)
如何进行前端自动化测试? - 知乎

浏览器端测试

airtap

airtap/airtap: Test your JavaScript in 800+ browsers.

cypress

cypress-io/cypress: Fast, easy and reliable testing for anything that runs in a browser.
cypress · GitHub Topics
JavaScript End to End Testing Framework | cypress.io

Gremlins.js – 模拟用户随机操作的JS测试库

marmelab/gremlins.js: Monkey testing library for web apps and Node.js

jasmine

jasmine/jasmine: DOM-less simple JavaScript testing framework

selenium

SeleniumHQ/selenium: A browser automation framework and ecosystem.

tape

substack/tape: tap-producing test harness for node and browsers

webhint

webhint
webhint, the hinting engine for web best practices

wpt

web-platform-tests/wpt: Test suites for Web platform specs — including WHATWG, W3C, and others

本地测试

lab

hapijs/lab: Node test utility

mkcert

FiloSottile/mkcert: A simple zero-config tool to make locally trusted development certificates with any names you'd like.

真机/移动端测试

OWASP/owasp-mstg: The Mobile Security Testing Guide (MSTG) is a comprehensive manual for mobile app security development, testing and reverse engineering.
Carefree

测试各种设备的屏幕和分辨率

puppeteer/DeviceDescriptors.js at master · GoogleChrome/puppeteer
Screenfly / Test Your Website at Different Screen Resolutions
理一理屏幕尺寸那些事 - 掘金

断言库

chai.js

chaijs/chai: BDD / TDD assertion framework for node.js and the browser that can be paired with any testing framework.
producthunt/chai-enzyme: Chai.js assertions and convenience functions for testing React Components with enzyme
Chai
Expect / Should - Chai

集成测试覆盖率

blanket

alex-seville/blanket: blanket.js is a simple code coverage library for javascript. Designed to be easy to install and use, for both browser and nodejs.

codecov

codecov - npm
Code Coverage Done Right | Codecov
https://codecov.io/bash
Github美化-Travis与Codecov入门_Python_无名山丘,崛起成峰-CSDN博客
Github 集成 Codecov 做测试覆盖率_Java_Bpazy的博客-CSDN博客
集成测试覆盖率工具 codecov - 简书
GitHub 研发链 travis-ci 和 codecov 介绍 | yaozhen's blog

istanbul

gotwarlost/istanbul: Yet another JS code coverage tool that computes statement, line, function and branch coverage with module loader hooks to transparently add coverage when running tests. Supports all JS coverage use cases including unit tests, server s
gotwarlost/istanbul-middleware: Connect middleware for server side code coverage using istanbul
istanbuljs/nyc: the Istanbul command line interface

jscoverage

fishbar/jscoverage: jscoverage tool, written in pure js, both node or javascript support

node-coveralls

nickmerwin/node-coveralls: lcov posting to coveralls.io

coveralls · GitHub Topics
coverage · GitHub Topics
test-coverage · GitHub Topics
deepsweet/poncho: Client-side JS code coverage using PhantomJS, Mocha and Blanket

基准测试库

benchmark.js

bestiejs/benchmark.js: A benchmarking library. As used on jsPerf.com.

jslitmus

broofa/jslitmus: Simple, easy, javascript benchmark testing

jsperf

jsperf/jsperf.com: jsperf.com v2. https://github.com/h5bp/lazyweb-requests/issues/174
jsPerf: JavaScript performance playground

John Resig - JavaScript Benchmark Quality

testing-tools · GitHub Topics
test-automation · GitHub Topics
test-runner · GitHub Topics
test · GitHub Topics
testing · GitHub Topics
tests · GitHub Topics
end-to-end-testing · GitHub Topics
e2e-testing · GitHub Topics
e2e-tests · GitHub Topics
test-framework · GitHub Topics
goldbergyoni/javascript-testing-best-practices: 📗🌐 🚢 Comprehensive and exhaustive JavaScript & Node.js testing best practices (October 2020)
javascript-testing-best-practices/readme-zh-CN.md at master · goldbergyoni/javascript-testing-best-practices
Most Reliable App & Cross Browser Testing Platform | BrowserStack

#页面优化&调试

Chrome 开发者工具(Chrome DevTools)

《chrome devtools使用》

chrome devtools使用详解——Performance - 掘金
chrome devtools使用详解——Elements篇 - 掘金
chrome devtools使用进阶——Sources - 掘金

《你不知道的 Chrome 调试工具技巧》

【译】你不知道的Chrome调试工具技巧 第一天:console中的' - 掘金 - 掘金
【译】你不知道的Chrome调试工具技巧 第二天:copying & saving - 掘金
【译】你不知道的Chrome调试工具技巧 第三天:console methods (内有作者关于译文的回复) - 掘金
【译】你不知道的Chrome调试工具技巧 第四天:the Elements panel(元素面板) - 掘金
【译】你不知道的Chrome调试工具技巧 第五天:console的log中,让人疑惑的案例 - 掘金
【译】你不知道的Chrome调试工具技巧 第六天:command 菜单 - 掘金
【译】你不知道的Chrome调试工具技巧 第七天:异步console的趣味小窍门 - 掘金
【译】你不知道的 Chrome 调试工具技巧 第八天:Color picker(颜色选择器) - 掘金
【译】你不知道的 Chrome 调试工具技巧 第九天:给 console 计时 - 掘金
【译】你不知道的 Chrome 调试工具技巧 第十天:custom formatters(自定义格式转换器) - 掘金
【译】你不知道的 Chrome 调试工具技巧 第十一天:style editors continued(样式编辑器后续) - 掘金
【译】你不知道的 Chrome 调试工具技巧 第十二天:忍者日志打印!(the ninja logs) - 掘金
【译】你不知道的 Chrome 调试工具技巧 第十三天:对象 & 方法 - 掘金
【译】你不知道的 Chrome 调试工具技巧 第十四天:其他快捷键~ - 掘金
【译】你不知道的 Chrome 调试工具技巧 第十五天:Twitter day! - 掘金
【译】你不知道的 Chrome 调试工具技巧 第十六天:断点 - 掘金
【译】你不知道的 Chrome 调试工具技巧 第十七天:再会console - 掘金
【译】你不知道的 Chrome 调试工具技巧 第十八天:Drawer 里的秘密 - 掘金
【译】你不知道的 Chrome 调试工具技巧 第十九天:深入 Drawer - 掘金
【译】你不知道的 Chrome 调试工具技巧 第二十天:Workspace的黑魔法 - 掘金
【译】你不知道的 Chrome 调试工具技巧 第二十一天:Snippets(代码块) - 掘金
【译】你不知道的 Chrome 调试工具技巧 第二十二天:network - 掘金
【译】你不知道的 Chrome 调试工具技巧 第二十三天:Drawer tips 后续 - 掘金
【译】你不知道的 Chrome 调试工具技巧 第二十四天:最后一天,元旦牛逼 - 掘金

console

Console - Web APIs | MDN
【译】灵活使用 console 让 js 调试更简单 - 掘金
【译】如何停止使用console.log()转而使用浏览器debugger - 掘金
【译】创造性地使用 Console! - 掘金
console 速查手册
console.log

Chrome 开发者工具  |  Tools for Web Developers  |  Google Developers
Console API 参考  |  Tools for Web Developers  |  Google Developers
Command Line API 参考  |  Tools for Web Developers  |  Google Developers
Chrome DevTools Protocol Viewer
你不知道的 Chrome 调试技巧 - dendoink - 掘金小册
[译] Chrome 73 开发者工具新特性 - 掘金
Chrome Devtools 高级调试指南(新) - 掘金
chrome 开发者工具——前端实用功能总结
「实用技巧」Chrome DevTools调试小技巧,效率🚀🚀🚀
Chrome DevTools 之 Network,网络加载分析利器 - 简书
Chrome DevTools 之 Timeline,快捷性能优化工具 - 简书
使用Chrome DevTools的Timeline和Profiles提高Web应用程序的性能 - 开源中国
用Chrome开发者工具做JavaScript性能分析 - 文章 - 伯乐在线
使用Chrome开发工具优化Web应用 | Aotu.io「凹凸实验室」
chrome开发者工具浅析--timeline - 白槐佳人 - 博客园
0202年了, Chrome DevTools 你还只会console.log吗 ?
chrome 开发者工具的 11 个骚技巧
你不知道的 Chrome DevTools
使用 Chrome Timeline 来优化页面性能 - Coding 博客
android下chrome调试手机网页的方法 - 为程序员服务

logrocket

LogRocket
LogRocket/logrocket: Record and replay user sessions to fix bugs faster.
diogosouza/vuetify-logrocket: A SPA app made with Vue.js and Vuetify

OneProfile

JavaScript 性能分析新工具 OneProfile - OneAPM技术博客 - 前端乱炖

移动端前端开发调试

【译】远程调试 iOS Safari - 前端 - 掘金
移动前端调试方案(Android + Chrome 实现远程调试) - Leinov - 博客园
在安卓设备上使用 Chrome 远程调试功能 - Chrome 开发工具指南 - 极客学院Wiki
MIHTool - iOS Web Debugger Pro
移动端前端开发调试 | 于江水
UC Plus —— 为开发者提供服务而生
xinranliu.me

虚拟列表/长列表

bitmain-frontend/huge-tree: 基于 vue 的海量数据tree组件(20w+)
前端tree组件,10000个树节点,从12.19s到0.49s - 掘金
Web长列表的救星?谷歌推出Virtual Scroller - 前端 - 掘金
当后端一次性丢给你10万条数据, 作为前端工程师的你,要怎么处理?
再谈前端虚拟列表的实现 - 知乎
聊聊前端开发中的长列表 - 知乎

你不知道的JavaScript——性能测试和调优 - 掘金
前端调试 - 掘金
[盘点] 项目中可以怎么优化图片 - 掘金
用100行代码提升10倍的性能 - 掘金
前端性能优化之谈谈通用性能指标及上报策略 - 掘金

#抓包

Charles

Charles Web Debugging Proxy • HTTP Monitor / HTTP Proxy / HTTPS & SSL Proxy / Reverse Proxy
Charles抓包—App资源代理 - 掘金
Charles 从入门到精通 | 唐巧的博客
Charles授权码在线生成 charles 激活码 charles license key generate charles 破解

Fiddler

Fiddler - Free Web Debugging Proxy - Telerik
Fiddler “抓包“最新详细教程 - 掘金
前端调试告别笨办法 - 掘金
强大的Fiddler

LightProxy

alibaba/lightproxy: Proxy & Debug tools for macOS & Windows based on whistle with Chrome Devtools UI
快速开始 | LightProxy
LightProxy 💎 Cross platform Web debugging proxy

Nohost

Tencent/nohost: 基于 Whistle 实现的多账号多环境远程配置及抓包调试平台

Whistle

avwo/whistle: HTTP, HTTPS, WebSocket debugging proxy
关于whistle · GitBook
前端程序员进阶必备 | 教你配置免费又好用的抓包代理神器,HTTPS 也不在话下 - 掘金
Whistle: 前端调试神器
教你配置免费又好用的抓包代理神器,HTTPS 也不在话下

#前端异常

badjs-report

BetterJS/badjs-report: monitor error and report

Bugsnag

Bugsnag
bugsnag/bugsnag-js: Javascript error handling tool for Bugsnag. Monitor and report JavaScript bugs & errors.
Error Monitoring & App Stability Management | Bugsnag
Bugsnag docs

Sentry

endachao/Sentry-Manual-Chinese-Version: 在线阅读:http://yccphp.gitbooks.io/sentry-manual-chinese-version/
Sentry | Error Tracking Software — JavaScript, Python, PHP, Ruby, more
Introduction | Sentry-Manual-Chinese-Version
前端异常监控之 Sentry的部署和使用 - 掘金
前端错误监控方案 sentry
getsentry/sentry-react-native: Official Sentry SDK for react-native

iv-web/track-report: 上报脚本
jbavari/catch.js: A Javascript library focused on wrapping functions in try/catch blocks to provide better error catching and reporting.
mod-dev.xes1v1.com/firEye-probe.js
前端代码错误上报 - 掘金
前端错误收集(Vue.js、微信小程序) - 掘金
蚂蚁金服-基于数据和堆栈映射快速定位前端问题 - 掘金
来,跟我一起 ,自研多端错误监控平台(完整版)
如何搭建前端异常监控系统
如何搭建异常捕获平台|场景重现
Callback Promise Generator Async-Await 和异常处理的演进 - 简书
如何优雅处理前端异常? - Jartto's blog
如何优雅处理前端异常? - Jartto's blog
前端 JavaScript 错误分析实践
“各位大佬,怎么又报错了?帮我看一下”
1000+个项目的10大JavaScript错误(以及如何避免)
京东京喜业务错误监控详细分析实践
腾讯Bugly - 一种愉悦的开发方式 _android anr_android anr分析_iOS崩溃日志分析平台
你不知道的前端异常处理(万字长文,建议收藏)
【编译篇】AST实现函数错误的自动上报 - SegmentFault 思否

¥代码构建

实时构建

基于浏览器的实时构建探索之路

¥代码压缩工具

cl-uglify-js

mishoo/cl-uglify-js: JavaScript compressor/beautifier library for Common Lisp

cl-ppcre

edicl/cl-ppcre: Common Lisp regular expression library
CL-PPCRE - Portable Perl-compatible regular expressions for Common Lisp

html-minifier

kangax/html-minifier: Javascript-based HTML compressor/minifier (with Node.js support)

iterate

iterate, the extensible iteration construct
iterate / iterate · GitLab

JS混淆、加密

yui/yuicompressor: YUI Compressor
Protect JavaScript source code with v8 snapshot · nwjs/nw.js Wiki
NW.js Documentation
Online JavaScript beautifier
nw.js node-webkit系列(18)怎么对.js进行编译以防你的代码暴露出来 - CSDN博客
JS代码加密 | Javascript 不可逆加密 | JS混淆加密 —在线工具
看起来很厉害的 JS 编译器 | 鲁夫的爱

Minify

Minify - JavaScript and CSS minifier

parse-js

parse-js / A JavaScript parser
marijnhaverbeke.nl Git - parse-js/summary

parse-number

sharplispers/parse-number: PARSE-NUMBER is a library of functions for parsing strings into one of the standard Common Lisp number types without using the reader.
CLiki: parse-number
CLiki: parse-number

UglifyJS

mishoo/UglifyJS: JavaScript parser / mangler / compressor / beautifier library for NodeJS

UglifyJS2

mishoo/UglifyJS2: JavaScript parser / mangler / compressor / beautifier toolkit
UglifyJS — JavaScript parser, compressor, minifier written in JS

Unminify

Unminify JS, CSS and HTML Code

ZFJObsLib_dmg: ZFJObsLib-iOS代码混淆工具(马甲包混淆工具),具体功能有方法混淆、属性混淆、类名混淆、添加垃圾代码、自动创建垃圾类、删除注释、修改资源文件Hash值、加密字符串、翻新资源
推荐15个最好用的 JavaScript 代码压缩工具 - 梦想天空(山边小溪) - 博客园

¥代码部署

#灰度环境

手把手教你搭建一个灰度发布环境 - 掘金
(...) 手把手教你搭建一个灰度发布环境_DevUI团队 - SegmentFault 思否

#自动化部署

前端项目自动化部署——超详细教程
aotianwinter/my-auto-deploy: node deploy 前端自动化部署
fuchengwei/deploy-cli-service: 前端自动部署脚手架服务
从零开始 Node实现前端自动化部署 - 掘金
基于Python实现前端自动化打包部署 - 掘金
前端自动化部署之Shell
前端一键自动部署工具🛠
前端一键自动部署工具🛠 v1.2.0(支持集群部署) 更新咯
前端项目自动化部署——超详细教程(Jenkins、Github Actions)
(...) 大厂是如何用DevCloud流水线实现自动化部署Web应用的?_DevUI团队 - SegmentFault 思否
基于Docker搭建基础自动化部署
你不知道的前端项目自动化部署(实战教学,超详细教程)
Gitlab-ci: 从零开始的前端自动化部署
你不知道的前端项目自动化部署(实战教学,超详细教程)

zeit/now: The easiest way to deploy websites
dadaiwei/fe-deploy-cli: 前端轻量化部署脚手架,基于node-ssh实现,支持测试、线上等多环境部署
xusenlin/marewood: marewood is an open source automatic packaging deployment tool for front-end || MareWood 是一个Go开发的轻量级前端部署工具,可以很灵活的配置各种打包部署环境并提供访问。
【你应该了解的】详尽&全面的前端部署(从零起步,前端上线不用愁) - 掘金
【前端打包部署】谈一谈我在SPA项目打包=>部署的处理 - 掘金
前端轻量化部署脚手架实践 - 掘金
正儿八经的前端项目部署流程(交流分享)
大公司里怎样开发和部署前端代码? - 知乎
前端部署演化史
铸心 | 博客服务器部署全过程记录

¥现网/生产环境

前端日志

aegis-ivweb

iv-web/aegis-ivweb: ivweb前端监控及跟踪解决方案

analytics

kimyLee/analytics: a script of log report
从一个埋点日志上报脚本说起 - 掘金

badjs2

iv-web/badjs2: 前端脚本错误监控及跟踪解决方案
Badjs2 - 前端脚本错误监控及跟踪解决方案

wardjs-report

wardjs-report - npm

前端错误日志收集方案 - 掘金
打造前端离线日志(一): IndexedDB - 掘金

¥前端安全、性能&监控

¥前端安全、性能&监控 core

GNU zip,Gzip

gzip · GitHub Topics
The gzip home page
Gzip - GNU Project - Free Software Foundation
「简明性能优化」双端开启Gzip指南 - 掘金
你真的了解 gzip 吗? - 知乎

Web缓存

web清缓存

缓存从入门到放弃 - 掘金
html头文件设置常用之<meta>设置缓存 - 兔&&大梅 - 博客园
web性能优化:详说浏览器缓存 - Lucien! - 博客园
如何在 apache 中设置缓存有效时间 - 韩子迟 - 博客园
如何设置网页静态内容缓存时间(Apache) | 云上小悟

针对web开发者的浏览器缓存指南(译) - 掘金
从前端角度理解缓存 - 掘金
前端之浏览器缓存,一次搞定 - 掘金
实践这一次,彻底搞懂浏览器缓存机制 - 掘金
[译]通过超市买牛奶来学习缓存 - 掘金
捋一捋浏览器缓存 - 掘金
霖呆呆你来说说浏览器缓存吧 - 掘金

浏览器渲染优化

回流与重绘

关键渲染路径

关键渲染路径 · Issue #29 · berwin/Blog
优化关键渲染路径 - 掘金

Notes on HTML Reflow
关于回流与重绘优化的探索 - 掘金
你真的了解回流和重绘吗 - 掘金
你应该要知道的重绘与重排 - 掘金
浏览器渲染原理(性能优化之如何减少重排和重绘) - 掘金

预渲染

构建时预渲染:网页首帧优化实践 - 美团技术团队

浏览器渲染优化 - 掘金
仪表盘场景的前端优化 - 掘金
Browser Rendering Optimizations for Frontend Development ― Scotch.io

跨站脚本攻击(Cross Site Scripting,XSS)

DOMPurify

cure53/DOMPurify: DOMPurify - a DOM-only, super-fast, uber-tolerant XSS sanitizer for HTML, MathML and SVG. DOMPurify works with a secure default, but offers a lot of configurability and hooks. Demo:

js-xss

leizongmin/js-xss: Sanitize untrusted HTML (to prevent XSS) with a configuration specified by a Whitelist

xss-filters

YahooArchive/xss-filters: Secure XSS Filters.

Cross-site scripting - Wikipedia
常见六大Web安全攻防解析 - 掘金
JS每日一题: web安全攻击手段有哪些?以及如何防范 - 掘金
前端安全系列(一):如何防止XSS攻击?
web安全之XSS实例解析 - 前端小码农 - SegmentFault 思否

跨站请求伪造(Cross-site request forgery,CSRF/XSRF)

Cross-site request forgery - Wikipedia
跨站点请求伪造(CSRF)总结和防御 - 掘金
前端安全系列之二:如何防止CSRF攻击?
Web安全之CSRF实例解析 - 前端小码农 - SegmentFault 思否
别人收到秋天奶茶, 我收到了安全工单 - CSRF

内容安全策略(Content Security Policy,CSP)

内容安全策略(CSP)详解 - 掘金
技术观察:谷歌CSP工程化实践导读 - 知乎

服务器端请求伪造(Server-Side Request Forgery,SSRF)

welefen/ssrf-agent: make http(s) request to prevent SSRF
elmigranto/safe-http-client: Drop-in replacemnet for `request` to protect from SSRF and similar attacks.
uber-common/paranoid-request: An SSRF-preventing wrapper around Node's request module
azu/request-filtering-agent: An http(s).Agent implementation that block request Private IP address.
safe-request - npm
Web安全-SSRF漏洞_PHP_ClearSky-CSDN博客
浅谈CSRF与SSRF_网络_pygain的博客-CSDN博客
SSRF漏洞 - 简书
SSRF前端区孔洞封堵的中子屏蔽计算--《第三届全国加速器技术学术交流会论文摘要集》2007年
Web安全漏洞之SSRF – ThinkJS 团队 – OnlyLing - Web 前端开发者
web漏洞之SSRF - oh卟懂ta - 博客园
实战篇丨聊一聊SSRF漏洞的挖掘思路与技巧 - i春秋学院 - 博客园
Web 安全漏洞 SSRF 简介及解决方案
SSRF漏洞总结和防御方法

代码分割(code splitting)

项目不知道如何做性能优化?不妨试一下代码分割 - 掘金
如何使用 splitChunks 精细控制代码分割 - 掘金

用户体验适配层(Back-end for Front-end,BFF)

Why big companies and rapidly growing startups need Back-end for Front-end | by Ksenia Lvova | Blue Harvest Tech Blog | Medium
Sam Newman - Backends For Frontends
Building a Backend for Frontend (BFF) For Your Microservices | Nordic APIs |
Frontend Architectural Patterns: Backends-For-Frontends | by Bowei Han | Frontend at Scale | Medium
Backend For Frontend 实践心得_Qbit编程学习笔记-CSDN博客
BFF初探 - SegmentFault 思否
BFF —— Backend For Frontend - 简书
为什么 backend-for-fronend 日趋流行? - 知乎
微服务架构~BFF和网关是如何演化出来的 - 大大的橙子 - 博客园
Backend For Frontend (BFF) | 黯羽轻扬
Backend For Frontend (BFF) - 云+社区 - 腾讯云
Backend For Frontend(BFF)in Serverless-极客时间

¥前端安全、性能&监控 frameworks、libs、plugins&tools

BuckyClient

HubSpot/BuckyClient: Collect performance data from the client
Bucky — Performance Measurement of Your App's Actual Users

Lighthouse

GoogleChrome/lighthouse: Auditing, performance metrics, and best practices for Progressive Web Apps
ebidel/lighthouse-ci: Run Lighthouse in CI using Docker
使用 Lighthouse 审查网络应用  |  Tools for Web Developers  |  Google Developers
網站性能調優開發工具: Lighthouse, Puppeteer 以及進階部分丨 Google 開發者大會 2018 | Calpa 的技術博客

mitojs

clouDr-f2e/mitojs: 👀 一款轻量级的收集页面的用户点击行为、路由跳转、接口报错、代码报错、并上报服务端的SDK

stats.js

mrdoob/stats.js: JavaScript Performance Monitor
paulirish/memory-stats.js: minimal monitor for JS Heap Size via performance.memory

upptime

Upptime
upptime/upptime: ⬆️ Uptime monitor and status page powered by GitHub Actions, Issues, and Pages
Koj
Upptime

web-vitals

GoogleChrome/web-vitals: Essential metrics for a healthy site.

zanePerfor

wangweianger/zanePerfor: 前端性能监控系统,消息队列,高可用,集群等相关架构
zanePerfor性能监控统计平台
zanePerfor 一款完整,高性能,高可用的前端性能监控系统,不要错过 - 掘金

Tools | Perf.Rocks
WebPageTest - Website Performance and Optimization Test
FrontJS - 轻量级的网站错误监控平台|小程序监控|网站错误监控|网站异常信息汇总|网站性能监测报告|堆栈追踪|Source Map
5 分钟撸一个前端性能监控工具 - 掘金
前端监控平台系列:JS SDK(已开源)
【特别推荐】12款最佳的网站速度和性能测试工具 - 梦想天空(山边小溪) - 博客园
网站优化:测试网站速度的8款免费工具推荐 - 梦想天空(山边小溪) - 博客园
Product Analytics for Mobile, Web, & More | Mixpanel

¥前端安全、性能&监控 资源、整理集&FAQ

前端安全、性能&监控 资源

w3c/web-performance: W3C Web Performance Working Group repo
嗨,送你一张Web性能优化地图 - 前端 - 掘金

前端安全、性能&监控 整理集

《2019 前端性能优化年度总结》

gold-miner/front-end-performance-checklist-2019-pdf-pages-1.md at master · xitu/gold-miner
gold-miner/front-end-performance-checklist-2019-pdf-pages-2.md at master · xitu/gold-miner
gold-miner/front-end-performance-checklist-2019-pdf-pages-3.md at master · xitu/gold-miner
gold-miner/front-end-performance-checklist-2019-pdf-pages-4.md at master · xitu/gold-miner
gold-miner/front-end-performance-checklist-2019-pdf-pages-5.md at master · xitu/gold-miner
gold-miner/front-end-performance-checklist-2019-pdf-pages-6.md at master · xitu/gold-miner
(译)2019年前端性能优化清单 — 上篇 - 掘金
(译)2019年前端性能优化清单 — 中篇 - 掘金
(译)2019年前端性能优化清单 — 下篇 - 掘金

《Google - 使用 webpack 进行 web 性能优化》

【译】Google - 使用 webpack 进行 web 性能优化(一):减小前端资源大小 - 掘金
【译】Google - 使用 webpack 进行 web 性能优化(二):利用好持久化缓存 - 掘金
【译】Google - 使用 webpack 进行 web 性能优化(三):监控和分析应用 - 掘金

《性能优化指南》

【性能优化指南】1 - 带你全面掌握前端性能优化 🚀 - 掘金
【前端性能优化指南】2 - 利用缓存减少远程请求 - 掘金
【前端性能优化指南】3 - 加快请求速度 - 掘金
【前端性能优化指南】4 - 如何加速页面解析与处理? - 掘金
【前端性能优化指南】5 - 静态资源的优化 - 掘金
【前端性能优化指南】5.1 - 优化你的 JavaScript - 掘金

《前端性能优化指南》

前端性能优化指南[1]--前言 - 掘金
前端性能优化指南[2]--什么是Web性能? - 掘金
前端性能优化指南[3]--为什么要关注 Web 性能? - 掘金
前端性能优化指南[4]--Web 性能优化历史 - 掘金
前端性能优化指南[5]--W3C 与 Web 性能工作组 - 掘金
前端性能优化指南[6]--Web 性能标准 - 掘金
前端性能优化指南[7]--Web 性能指标 - 掘金

《Web性能优化》

Web性能优化-加载优化(一)
Web性能优化-加载优化(二)
Web性能优化-性能指标(三)
Web性能优化-网页内容优化(四)
Web性能优化-缓存优化(HTTP缓存和ServiceWorker离线缓存)(五)
Web性能优化-渲染阶段优化(六)

《埋点自动收集方案》

埋点自动收集方案-概述
埋点自动收集方案-路由依赖分析

前端性能优化 · Issue #72 · xwchris/blog
前端性能优化不完全指北 · Issue #9 · Weiyu-Chen/blog
Web Developer Checklist
[英] 前端性能优化 2019 年度总结 - 前端 - 掘金
Web安全小总结:XSS,CSRF及其防御 - 掘金
web性能优化的15条实用技巧
前端性能优化总结
从 Helmet 看 11 种浏览器安全策略
2017前端性能优化清单 - ED's Blog - SegmentFault 思否
(10 条消息)Web前端应该从哪些方面来优化网站? - 知乎
推荐25个提高网站可用性和转化率的工具 - 梦想天空(山边小溪) - 博客园
Web前端性能优化的9大问题 - 前端web钻研者 - 博客园
雅虎前端优化法则 - 思齐_ - 博客园
性能测试常见指标介绍 - 朝雨忆轻尘 - 博客园
五个维度再谈前端性能优化
Web 安全总结(面试必备良药)
2020前端性能优化清单(一)
前端性能优化 24 条建议(2020)

前端安全、性能&监控 FAQ

w3c/20180903_Web性能信息采集指南.md at master · 75team/w3c
front-end-interview/load.md at master · Advanced-Interview-Question/front-end-interview
在单页应用中,如何优雅的监听url的变化 · Issue #37 · forthealllight/blog
前端性能优化之Lazyload - 掘金
【译文】CSS 与网络性能 - 掘金
深度讲解:web前端性能优化 - 掘金
前端性能优化总结 - 掘金
出人意料的性能测试 - 掘金
还在看那些老掉牙的性能优化文章么?这些最新性能指标了解下
如何监控前端页面FPS - 掘金
轻松实现 Web 性能优化 - 掘金
移动web性能优化从入门到进阶 - 掘金
Webnovel 不用照顾 Edge 浏览器性能?想多了! - 掘金
在单页应用中,如何优雅的上报前端性能数据 - 掘金
蚂蚁金服如何把前端性能监控做到极致? - 前端 - 掘金
手刃前端监控系统 - 掘金
前端监控和前端埋点方案设计 - 掘金
代码快不快?跑个分就知道 - 掘金
如何处理浏览器的断网情况? - 掘金
前端性能优化实践 之 百度App个人主页优化 - 掘金
自动化 Web 性能优化分析方案 - 掘金
前端文档站点搭建方案 - 掘金
第五期 | 前端监控的设计和实现 - 掘金
动态修改script标签中的src属性存在的问题 - CSDN博客
把前端监控做到极致 - 知乎
前端优化:RequireJS Optimizer 的使用和配置方法 - 梦想天空(山边小溪) - 博客园
前端埋点的那些事@慕课网 原创_慕课网_手记
网站性能优化实战——从12.67s到1.06s的故事 - 腾讯Web前端 IMWeb 团队社区 | blog | 团队博客
奇舞周刊
Web 安全总结(面试必备良药)
前端性能优化之自定义性能指标及上报方法详解
前端安全—你必须要注意的依赖安全漏洞
干货:如何十分钟实现一个简单的前端性能、fetch请求实时监控?
【综合篇】Web前端性能优化原理问题
前端开发人员的十个安全建议,做了以后老板给你点赞
前端性能优化之谈谈常见的性能指标及上报策略
https://mp.weixin.qq.com/s?__biz=MzI0MzIyMDM5Ng==&mid=2649828372&idx=1&sn=53384ac43547419eb16eef670bd2153c&chksm=f175e6d7c6026fc1e0023516fb8ee1d936ee1661794b04b87f80201082688810cbc34b33c982&mpshare=1&scene=23&srcid=0702LGJweZ8ahzw5i4Tuhwk0&sharer_sharetime=1593700414299&sharer_shareid=c4ff3c0072f45c02ec37111084873c94#rd
Web Performance Metrics 与 Core Web Vitals 简介 —— 现代前端性能各个指标的具体含义和设计理念
蚂蚁金服如何把前端性能监控做到极致?-InfoQ
前端隐秘角落 - web安全的演变历程
【值得收藏】前端优化详解以及需要关注的几个问题
如何从 0 到 1 搭建性能检测系统 - 政采云前端团队
Web 架构师如何做性能优化?

$客户端

¥视频客户端

phobal/ivideo: 一个可以观看国内主流视频平台所有视频的客户端(Mac、Windows、Linux) A client that can watch video of domestic(China) mainstream video platform

¥聊天客户端

Converse.js – 开源的 XMPP 聊天客户端 - 梦想天空(山边小溪) - 博客园

$系统&桌面应用

¥Linux

#Linux core

awk

Linux生产环境上,最常用的一套“AWK“技巧

CentOS

半小时搞会 CentOS 入门必备基础知识 - 掘金

cron

crontab.org - CRONTAB(5)

curl

curl
Curl Cookbook
curl 的用法指南 - 阮一峰的网络日志
curl: curl是一款著名的字符界面下的下载工具,支持HTTP、HTTPS、FTP、FTPS、DICT、TELNET、LDAP、FILE,和GOPHER
curl 命令详解 - 简书
Curl首页、文档和下载 - 通过 URL 传输数据的使命行工具与库 - OSCHINA - 中文开源技术交流社区
CURL常用命令 - 张贺 - 博客园
Linux curl命令详解 - 爱E族

echo

echo命令详解 (一) 真的很详细
echo命令详解 (二) 真的很详细
Linux学习笔记——如何使用echo指令向文件写入内容 - 物联网 IoT 经验分享小站 - CSDN博客

rm

Linux rm 命令 | 菜鸟教程

rz/sz

rz/sz命令参数解释_运维_sdujava2011-CSDN博客
Linux下rz命令和sz命令使用方法_运维_国无二君的博客-CSDN博客
linux系统下的rz、sz详解_运维_风的专栏-CSDN博客
rz、sz (上传下载)命令参数的解释_运维_https://space.bilibili.com/59807853-CSDN博客
mobaxterm 使用rz/sz_运维_kq1983的专栏-CSDN博客

sed

Linux生产环境上,最常用的一套“Sed“技巧

shell

ish-app/ish: Linux shell for iOS
oldratlee/useful-scripts: 🐌 useful scripts for making developer's everyday life easier and happier
Suishenyun/awesome-scripts: useful scripts for Linux op
superhj1987/awesome-scripts: useful scripts for Linux op
shell常用命令(收藏) - 知乎
Windows常用shell命令大全 - ztxjzh的博客 - CSDN博客
Shell脚本中判断输入变量或者参数是否为空的方法_linux shell_脚本之家
Shell字符串比较相等、不相等方法小结_linux shell_脚本之家
(3条消息) Shell if 条件判断_一生只画眉-CSDN博客
shell command命令_瑜伽山神的博客-CSDN博客

tail

别小看tail 命令,它难倒了技术总监

tar

Linux下的tar压缩解压缩命令使用_运维_mayue_web的博客-CSDN博客
linux解压 tar命令 - 风未馨 - 博客园
Linux下的tar压缩解压缩命令详解 - 小米m - 博客园

Ubuntu

The Ubuntu Sub System (New Bash Shell) in Windows 10 | Algorithms, Blockchain and Cloud

unzip/zip

unzip命令 - cxhfuujust - 博客园
Linux中zip压缩和unzip解压缩命令详解 - 清零者 - 博客园
centos7离线安装unzip和zip - 又尘埃 - 博客园

vi/vim

VIM

VIM core

welcome home : vim online

VIM libs、plugins&tools

ranger

ranger/ranger: A VIM-inspired filemanager for the console

vimium-c

gdh1995/vimium-c: A keyboard shortcut browser extension for keyboard-based navigation and tab operations with an advanced omnibar
Home · gdh1995/vimium-c Wiki

wklken/vim-for-server: .vimrc, simple configures for server, without plugins.

VIM 资源、整理集&FAQ

mhinz/vim-galore: All things Vim!
Vim Cheat Sheat for Programmers by Michael Pohoreski
Graphical vi-vim Cheat Sheet and Tutorial
vi-vim-cheat-sheet-sch.gif (1024×724)
Linux下使用vim命令编辑与修改文本内容_Linux教程_Linux公社-Linux系统门户网站
人人都会Vim - 掘金
Vim,第三只手
Linux生产环境上,最常用的一套“vim“技巧
Vim漫游键,为什么不设定左手?介绍一种5x倍速漫游方式

Linux笔记:vi常用命令 - 朝雨忆轻尘 - 博客园

Linux 命令大全 | 菜鸟教程
Linux 常用命令全拼 | 菜鸟教程

#Linux libs、plugins&tools

Emacs

GNU Emacs - GNU Project

ohmyzsh

ohmyzsh/ohmyzsh: 🙃 A delightful community-driven (with 1700+ contributors) framework for managing your zsh configuration. Includes 200+ optional plugins (rails, git, OSX, hub, capistrano, brew, ant, php, python, etc), over 140 themes to spice up your morning, and an auto-update tool so that makes it easy to keep up with the latest updates from the community.
Oh My Zsh - a delightful & open source framework for Zsh
(3条消息) 使用 ohmyzsh 打造 windows、ubuntu、mac 系统高效终端命令行工具_u012384510的博客-CSDN博客
Window 10上使用zsh并安装oh-my-zsh - 简书
Windows下oh my zsh配置选择_软件_195幻想曲
使用 ohmyzsh 打造 windows、ubuntu、mac 系统高效终端命令行工具 | 若川的博客
这篇 iTerm2 + Oh My Zsh 教程手把手让你成为这条街最靓的仔

Planner

Planner | Task manager with Todoist support designed for GNU/Linux 🚀.

Zsh

Zsh

#Linux 资源、整理集&FAQ

Linux 资源

linux-command

jaywcjlove/linux-command: Linux命令大全搜索工具,内容包含Linux命令手册、详解、学习、搜集。https://git.io/linux
jaywcjlove.github.io
Linux命令搜索引擎 命令,Linux Linux命令搜索引擎 命令详解:最专业的Linux命令大全,内容包含Linux命令手册、详解、学习,值得收藏的Linux命令速查手册。 - Linux 命令搜索引擎
Linux命令搜索引擎 命令,Linux Linux命令搜索引擎 命令详解:最专业的Linux命令大全,内容包含Linux命令手册、详解、学习,值得收藏的Linux命令速查手册。 - Linux 命令搜索引擎
raw.githack.com
cdn.statically.io
git.io

The Linux Command Line

The Linux Command Line by William Shotts
The Linux Command Line 中文版 · 看云
第一章:引言 · The Linux Command Line 中文版 · 看云
The Linux Command Line 中文版.pdf

linux · GitHub Topics
linux-command · GitHub Topics
tianshiyeben/wgcloud: linux高性能高并发监控系统,java开发,支持内存,cpu,磁盘,系统负载,网络流量,进程等指标监控,服务接口动态检测,数据实时监控
0xAX/linux-insides: A little bit about a linux kernel

Linux 整理集

40张图入门Linux——(前端够用,运维入门)
每个开发人员都应该掌握的 11 个控制台命令 - 掘金
用于黑客渗透测试的 21 个最佳 Kali Linux 工具 - 知乎
Linux笔记:linux常用命令 - 朝雨忆轻尘 - 博客园
前端常用的15个linux命令
(2条消息) Linux下文件搜索、查找、查看命令_黄小小的博客-CSDN博客
Linux技术干货合集(不断更新中……)
「薅」52图初探Linux通用知识

《鸟哥的Linux私房菜》

鳥哥的 Linux 私房菜 -- 鳥哥的 Linux 私房菜 首頁
鸟哥的Linux私房菜简体首页

对不起,学会这些 Linux 知识后,我有点飘

Linux FAQ

BaoTa: 宝塔Linux面板 - 简单好用的服务器运维面板
linux0.12 内核学习 (buffer.c) - 掘金
Linux分区+安装centos6.9 - 掘金
关于Linux系统的文件权限,你需要了解这些内容 - 掘金
实用的 bash 自定义脚本,快速提效工作流程
Linux 查找进程与结束进程 - 蚩尤后裔 - CSDN博客
linux shell 脚本 获取 执行命令结果_Man_In_The_Night的博客-CSDN博客
Linux 中执行Shell 脚本的方式(三种方法)_timchen525的专栏-CSDN博客
(1条消息)shell命令去除字符串里双引号_运维_yudelian的博客-CSDN博客
Shell脚本判断用户的输入内容_linux shell_脚本之家
shell 脚本中获取执行系统命令的输出结果 - 知乎
Shell脚本 - 如何从变量中删除第一个和最后一个引号(“)? - 问答 - 云+社区 - 腾讯云
linux下检查是否安装过某软件包 - 景岳 - 博客园
linux文件夹打包命令 - 正在学习的Barry - 博客园
Linux查询进程和结束进程 - 大米饭~ - 博客园
nodejs设置NODE_ENV环境变量(2) - 风车车jerry - 博客园
linux 环境变量配置(node) - 浪迹灬天涯 - 博客园
详解Linux交互式shell脚本中创建对话框实例教程_linux服务器 - 枫岚霖 - 博客园
创建交互式shell脚本对话框 - Linux就该这么学 - 博客园
Linux大文件重定向和管道的效率对比
把你的 Linux 打扮的像个黑客屏幕
让你牛B加身的前端必会Linux命令
Pro Linux 基础篇之MobaXterm设置无密码登录 - Linux相关 - Qt开源社区 - qt qml linux 嵌入式 教程!
command line - Load key "privkey.ppk" invalid format - Ask Ubuntu
ssh - How to convert .ppk key to OpenSSH key under Linux? - Super User
Permissions 0644 for '/home/linuxidc/.ssh/id_rsa' are too open 解决_Linux教程_Linux公社-Linux系统门户网站

¥Mac

#Mac core

#Mac libs&tools

meilix-generator

fossasia/meilix-generator: WebApp for generating a custom ISO image based on Meilix http://meilix.org

#Mac 资源、整理集&FAQ

Mac 资源

Best-App

hzlzh/Best-App: 收集&推荐优秀的 Apps/硬件/技巧/周边等

macos · GitHub Topics
mac · GitHub Topics
apple · GitHub Topics
macosx · GitHub Topics
mac-osx · GitHub Topics
jaywcjlove/awesome-mac:  Now we have become very big, Different from the original idea. Collect premium software in various categories.
nikitavoloboev/my-mac-os: List of applications and tools that make my macOS experience even more amazing

Mac 整理集

Mac FAQ

Mac 超详细入门指南,备用!

¥Unix

Supervisor: A Process Control System — Supervisor 3.3.4 documentation

¥Windows

#Windows core

batch

DOS/BAT

windows bat脚本编写_运维_gaotihong的博客-CSDN博客
Windows bat脚本——for循环用法详解(一)_运维_午夜阳光-CSDN博客
Windows 批处理(bat)语法大全_GoodIdea-CSDN博客
DOS/BAT-脚本之家
BAT文件如何注释 - 果果虫 - 博客园
windows bat脚本教程 - 草根920 - 博客园
[No0000A4]DOS命令(cmd)批处理:替换字符串、截取字符串、扩充字符串、获取字符串长度 - CharyGao - 博客园

windows脚本编写及使用方法_运维_夜风的博客-CSDN博客
一次永久解决cmd窗口汉字显示乱码_Java_quinn的专栏-CSDN博客
windows cmd下的转义符_运维_sayyy的专栏-CSDN博客
CMD 中 findstr 正则表达式_运维_星空的专栏-CSDN博客
windows批处理中的%errorlevel%与!errorlevel!_运维_Auto Testing Blog-CSDN博客
cmd脚本命令--之基本命令锦集_运维_人生代码,代码人生。。。-CSDN博客
批处理字符串去除两边的引号(转)_运维_第四类人-CSDN博客
批处理提取文本文件第一行跟最后一行的方法_运维_DreamSpark的专栏-CSDN博客
dos cmd开启关闭回显@echo on与@echo off与echo on与echo off 的区别_石头的大茅坑-CSDN博客
【cmd】windows批处理读取文件内容到一个变量中_运维_SoaringLee_fighting的技术专栏-CSDN博客
(2条消息) CMD获取当前目录的绝对路径_kunkliu的博客-CSDN博客
(2条消息) 批处理大于、小于、等于、不小于、不大于和不等于_跳跳投的博客-CSDN博客
(3条消息) cmd获取当前系统时间命令_UPUPUPEveryday的博客-CSDN博客
windows脚本文件漫谈 - 简书
set /p= 命令使用详解_DOS/BAT_脚本之家
windows脚本学习中文手册_Script56_chs_脚本之家
CMD中goto语句会中断for循环特性详解 - 小小沧海 - 博客园
cmd,bat和dos的区别 - 雨临Lewis - 博客园
windows脚本-CMD和Batch - dawnminghuang - 博客园
cmd for 用法 - bug_x - 博客园
批处理命令——call 和 start - kaizen - 博客园
设置始终以管理员身份运行cmd窗口 - 云+社区 - 腾讯云
CMD 命令 IF_来自旅行者1号_新浪博客
脚本编程助手(windows脚本编程)V19.9.3 绿色版 - 绿色先锋下载 --
Windows 脚本编程 - 百度文库
windows命令行如何删除文件夹和文件_百度经验
Win7使用CMD命令强行删除文件的方法_百度经验
cmd怎么读取txt中某行数据_百度知道
Windows 7脚本编程和命令行工具指南_读书频道_51CTO.COM_领先的中文IT技术网站

Msiexec.exe

Msiexec.exe Command Line

PowerShell

PowerShell core

Start-Process

Start-Process start - PowerShell - SS64.com

PowerShell/PowerShell: PowerShell for every system!
Azure/azure-powershell: Microsoft Azure PowerShell
MicrosoftDocs/PowerShell-Docs: The official PowerShell documentation sources
PowerShell Documentation - PowerShell | Microsoft Docs
PowerShell 中文博客 – 收集和分享 Windows PowerShell 相关教程,技术和最新动态
Powershell – PowerShell 中文博客
PowerShell 在线教程 – PowerShell 中文博客
PowerShell 视频教程 – PowerShell 中文博客
PowerShell团队博客 – PowerShell 中文博客
PowerShell资讯 – PowerShell 中文博客
PowerShell工具箱 – PowerShell 中文博客
PowerShell在线提问 – PowerShell 中文博客
PowerShell交流中心 – PowerShell 中文博客
中文电子书 – PowerShell 中文博客
英文电子书 – PowerShell 中文博客

PowerShell libs、plugins&tools

PowerSploit

PowerShellMafia/PowerSploit: PowerSploit - A PowerShell Post-Exploitation Framework

posh-git

dahlbyk/posh-git: A PowerShell environment for Git

lazywinadmin/PowerShell: PowerShell functions and scripts (Azure, Active Directory, SCCM, SCSM, Exchange, O365, ...)
clymb3r/PowerShell: Useful PowerShell scripts
danielbohannon/Invoke-Obfuscation: PowerShell Obfuscator
RamblingCookieMonster/PowerShell: Various PowerShell functions and scripts
FuzzySecurity/PowerShell-Suite: My musings with PowerShell

PowerShell 资源、整理集&FAQ

mosserlee (Mooser Lee)
在cmd中直接运行PowerShell脚本文件 – PowerShell 中文博客
Powershell环境变量 – PowerShell 中文博客
PowerShell 批量安装MSI安装包 – PowerShell 中文博客
PowerShell 启动应用程序 – PowerShell 中文博客
(1条消息)Powershell 学习: 管道: 连接命令_运维_weixin_42545594的博客-CSDN博客
如何在PowerShell中连续执行命令 - 笨兔子 - SegmentFault 思否
25个常用PowerShell命令总结_PowerShell_脚本之家
PowerShell常用命令 - 与你心飞 - ITeye博客
【黑客基础】Windows PowerShell 脚本学习(上) - 山外Sundal - 博客园
PowerShell一次执行多条命令 - YooHoeh - 博客园
使用Powershell实现自动化安装/卸载程序 - zhaotianff - 博客园

unzip/zip

Windows下的zip和unzip命令 - 楷尘·极客 - CSDN博客
ZIP解压缩命令-CSDN下载

Windows Installer

Windows Installer - Win32 apps | Microsoft Docs
Command-Line Options - Win32 apps | Microsoft Docs

Windows Subsystem for Linux,WSL

About Windows Subsystem for Linux | Microsoft Docs

#Windows frameworks、libs、plugins&tools

Cygwin

Cygwin

Squirrel.Windows

Squirrel/Squirrel.Windows: An installation and update framework for Windows desktop apps

windows95

felixrieseberg/windows95: 💩🚀 Windows 95 in Electron. Runs on macOS, Linux, and Windows.

win-bash

win-bash - bash port for Windows

#Windows 资源、整理集&FAQ

windows · GitHub Topics
stackia/best-windows-apps: 推荐好用、优秀的 Windows 应用
如何在 Windows 10 中安装 WSL2 的 Linux 子系统_walterlv - 吕毅-CSDN博客
Windows10 自带的虚拟机功能,让你同时拥有几台电脑。 - 知乎
Win下最爱效率神器:AutoHotKey | 晚晴幽草轩
在Windows上运行Linux - majianguo - 博客园
利用 Chocolatey 快速在 Windows 下搭建一个开发环境 | Laravel China 社区 - 高品质的 Laravel 开发者社区

¥内容管理系统(Content Management System,CMS)

内容管理工具

Pico

Nivo Slider - #1 Responsive WordPress Slider Plugin

bolt/bolt: Bolt is a simple CMS written in PHP. It is based on Silex and Symfony components, uses Twig and either SQLite, MySQL or PostgreSQL.
Bolt CMS: Easy for editors, and a developer's dream CMS | Bolt CMS

Pagekit | Pagekit - A new modern CMS to create and share - Intuitive. Modular. Flexible.

¥个人管理系统(Personal Management System,PMS)

personal-management-system

Volmarg/personal-management-system: Your web application for managing personal data.
Hello from Personal Management System | Personal Management System

¥客户关系管理(Customer Relationship Management,CRM)

¥企业资源计划(Enterprise Resource Planning,ERP)

odoo

odoo/odoo: Odoo. Open Source Apps To Grow Your Business.
Open Source ERP and CRM | Odoo

jiahaog/nativefier: Make any web page a desktop application
Powerlevel9k/powerlevel9k: A tool for building the most useful CLI possible, customized for you.
Pattern Lab - 构建先进的原子设计系统 - 梦想天空(山边小溪) - 博客园
ShortcutMapper – 热门应用程序的可视化快捷键 - 梦想天空(山边小溪) - 博客园
如何跨操作系统共享文件?你还在用U盘傻瓜式地拷贝文件吗?

$浏览器

¥浏览器 core

¥Page Lifecycle API

Page Lifecycle API  |  Web  |  Google Developers
Page Lifecycle API  |  Web  |  Google Developers

¥V8引擎

Documentation · V8
V8 JavaScript engine
[译]V8引擎中的排序 - 掘金
「译」Orinoco: V8的垃圾回收器 - 前端 - 掘金
「译」Orinoco: V8的垃圾回收器 - 前端 - 掘金

¥跨域

#跨域 core

crossorigin属性

CORS settings attributes - HTML(超文本标记语言) | MDN
HTMLMediaElement.crossOrigin - Web APIs | MDN
Allowing cross-origin use of images and canvas - HTML: Hypertext Markup Language | MDN
<img>: The Image Embed element - HTML: Hypertext Markup Language | MDN
html - Purpose of the crossorigin attribute...? - Stack Overflow
[html] script的crossorigin属性 - 简书

Cross-Origin Resource Sharing (CORS) - HTTP | MDN
HTTP访问控制(CORS) - HTTP | MDN
Authoritative guide to CORS (Cross-Origin Resource Sharing) for REST APIs | Moesif Blog

#跨域 libs、plugins&tools

cors-anywhere

Rob--W/cors-anywhere: CORS Anywhere is a NodeJS reverse proxy which adds CORS headers to the proxied request.

JWT

dwyl/learn-json-web-tokens: Learn how to use JSON Web Token (JWT) to secure your next Web App! (Tutorial/Example with Tests!!)
learn-json-web-tokens/README-zh_CN.md at master · dwyl/learn-json-web-tokens
JWT - just what?

#跨域 资源、整理集&FAQ

#跨域 资源

跨域原理及解决方案
项目实战之跨域处理~一文搞定所有跨域需求

#跨域 整理集

《【小哥哥, 跨域要不要了解下】》

【小哥哥, 跨域要不要了解下】JSONP - 掘金
【小哥哥, 跨域要不要了解下】CORS 基础篇 - 掘金
【小哥哥, 跨域要不要了解下】CORS 进阶篇 - 掘金
【小哥哥, 跨域要不要了解下】NGINX 反向代理 - 掘金
【小哥哥, 跨域要不要了解下】ServerProxy - 掘金

《深入跨域问题》

深入跨域问题(1) - 初识 CORS 跨域资源共享 - 掘金
深入跨域问题(2) - 利用 CORS 解决跨域 - 掘金
深入跨域问题(3) - 利用 JSONP 解决跨域 - 掘金
深入跨域问题(4) - 利用代理解决跨域 - 掘金

PHP Ajax 跨域问题最佳解决方案 | 菜鸟教程
你所需要的跨域问题的全套解决方案都在这里啦!(前后端都有) - 掘金
跨域总结:从CORS到Ngnix - 掘金
10种跨域解决方案(附终极大招) - 掘金
九种跨域方式实现原理(完整版) - 掘金
探讨跨域请求资源的几种方式 - 前端 - 掘金
解锁canvas导出图片跨域的N种姿势~ - 掘金
解锁跨域的九种姿势 - 掘金
前端跨域方法论 - 掘金
JS 跨域原因及其解决方案 - 脱机 - SegmentFault 思否
跨域HTTP请求解决方案 - 小林小记 - SegmentFault 思否
关于跨域的总结 - 个人文章 - SegmentFault 思否
前端常见跨域解决方案(全) - 个人文章 - SegmentFault 思否
前端跨域的处理 - 个人文章 - SegmentFault 思否
九种 “姿势” 让你彻底解决跨域问题 - PandaShen - SegmentFault 思否
前端常见跨域解决方案(全) - 简书
前端跨域知识总结 - WEB前端 - 伯乐在线
前端常见跨域解决方案(全) - inroam - 博客园
九种 “姿势” 让你彻底解决跨域问题 | PandaShen
10 种跨域解决方案(附终极方案)
史上最全跨域总结
前端跨域解决方案归纳整理

#跨域 FAQ

Will It CORS?
So, JSONP or CORS? - Stack Overflow
跨域资源共享 CORS 详解 - 阮一峰的网络日志
跨域资源共享——CORS - 掘金
跨域解决方案实践cors及jsonp - 前端 - 掘金
搞定所有的跨域请求问题: jsonp & CORS - 掘金
CORS跨域时,为何会出现一次动作,两次请求? - 掘金
CORS 跨域问题 - 后端 - 掘金
CORS 跨域解决方案 - 前端 - 掘金
利用 CORS 方式解决跨域问题(Flask 实现) - 后端 - 掘金
解决CORS跨域不能传递cookies的问题 - 掘金
跨域资源共享 CORS 一些知识点 - 掘金
CORS 跨域资源共享 - 前端 - 掘金
CORS 跨域资源共享 - 掘金
跨域资源共享 CORS 详解 - 前端 - 掘金
你所不知道的跨域资源共享(CORS) - 掘金
CORS跨域资源共享你该知道的事儿 - 前端 - 掘金
跨域——CORS 详解 - 前端 - 掘金
用 Demo 的形式快速入门 CORS、JSONP 等各种跨域 - 前端 - 掘金
springboot系列文章之实现跨域请求(CORS) - 掘金
由同源策略到前端跨域 - 掘金
跨域资源共享CORS - 掘金
跨域问题,解决方案 - CORS方案 - 掘金
彻底读懂前端跨域CORS - 掘金
我知道的跨域与安全 - 掘金
前端跨域问题解决方案(基于node与nginx) - 掘金
使用<a>标签时,你可能会忽略的一个安全问题 - 掘金
不要再问我跨域的问题了 - 前端 - 掘金
一种方便的跨域开发解决方案 - 掘金
记一次跨域post请求数据之preflight request - 掘金
聊聊 Timing-Allow-Origin 和 Access-Control-Expose-Headers - 前端 - 掘金
Web 开发之跨域与跨域资源共享 - 前端 - 掘金
浏览器指纹跨域共享 - 前端 - 掘金
使用localstorage代替cookie实现跨域共享数据 - 前端 - 掘金
跨域 - 掘金
Access to XMLHttpRequest at url from origin null has been blocked by CORS policy: Request header_跨域,ajax_eriz程序之路-CSDN博客
node跨域与解决处理 - 简书
解决Chrome跨域问题 - 跨域系列 - 简书
同源策略与跨域资源共享 - 个人文章 - SegmentFault 思否
跨域请求 - 个人文章 - SegmentFault 思否
浏览器拦截跨域请求处理方法 - PheonixHkbxoic - 博客园
web前端技术圈
踩过的坑--CORS跨域请求中预检(preflight) | 船长的技术博客
前端跨域之CORS | 王宜明的博客空间
Chrome 调试跨域问题解决方案之插件篇 - DCloud问答
新的跨域策略:使用COOP、COEP为浏览器创建更安全的环境
当遇到跨域开发时, 我们如何处理好前后端配置和请求库封装(koa/axios版)

¥浏览器页面渲染机制&幕后工作原理

《现代浏览器探秘》

现代浏览器探秘(part 1):架构
现代浏览器探秘(part2):导航 - 掘金
现代浏览器探秘(part3):渲染 - 掘金
现代浏览器探秘(part4):事件处理 - 掘金

从输入URL开始

What happens when you type 'google.com' into a browser and press Enter? - DEV Community 👩‍💻👨‍💻
从浏览器输入一个网址开始讨论网络传输的工作原理 - 掘金
[译]从输入URL到页面呈现的超详细过程——第一步:获取资源 - 掘金
[译]从输入URL到页面呈现的超详细过程——第二步:Tags转化成DOM的过程 - 掘金
Web 前置知识——老生常谈的从 URL 输入到页面展现背后发生的事 - 掘金
HLS.JS 自定义 分片 TS 请求 URL - 前端 - 掘金
在浏览器中输入URL后,执行的全部过程。(一次完整的http请求过程) - TigerChen - CSDN博客
名词解释URI和URL - hellofeiya的专栏 - CSDN博客
从输入URL到页面加载的过程?如何由一道题完善自己的前端知识体系! - 程序生涯 - SegmentFault 思否
关于浏览器渲染---从URL到页面显示 - 掘金
浏览器输入URL后发生了什么
在浏览器输入 URL 回车之后发生了什么(超详细版) - 知乎

what-happens-when

alex/what-happens-when: An attempt to answer the age old interview question "What happens when you type google.com into your browser and press enter?"
skyline75489/what-happens-when-zh_CN: What-happens-when 的中文翻译,原仓库 https://github.com/alex/what-happens-when

「导航渲染流程」你真的知道从输入URL到页面展示发生了什么吗?(内附思维导图)

渲染机制

「浏览器工作原理」写给女友的秘籍-渲染流程篇(1.1W字)
浏览器页面渲染机制,你真的弄懂了吗 - 前端 - 掘金
浏览器渲染原理 - 前端 - 掘金
深入浅出浏览器渲染原理 - 掘金
浏览器渲染简述 - 掘金
从 8 道面试题看浏览器渲染过程与性能优化 - 掘金

developers.google.com
medium.com
How browser rendering works — behind the scenes – LogRocket
浏览器原理系列10篇正式完结 - 掘金
浏览器原理 - 掘金
浏览器前端优化 - 前端 - 掘金
现代浏览器内部工作原理(附详细流程图) - 掘金
一文看透浏览器架构 - 掘金
11道浏览器原理面试题 - 掘金
「浏览器工作原理」写给女友的秘籍-浏览器组成&网络请求篇(1.2W字)
实战中学习浏览器工作原理 — HTML 解析与 CSS 计算
图解浏览器的基本工作原理 - 知乎
【综合篇】浏览器的工作原理:浏览器幕后揭秘
前端必读:浏览器内部工作原理_知识库_博客园
前端开发者应该明白的浏览器工作原理 | banggan's Blog
浏览器的工作原理:现代网络浏览器幕后揭秘 - HTML5 Rocks
浏览器的工作原理:现代网络浏览器幕后揭秘 - HTML5 Rocks

Home  |  web.dev

¥浏览器 libs、plugins&tools

browsh

browsh-org/browsh: A fully-modern text-based browser, rendering to TTY and browsers

slimerjs

laurentj/slimerjs: A scriptable browser like PhantomJS, based on Firefox
breach.cc [15]
SlimerJS

TabFS

osnr/TabFS: 🗄 Mount your browser tabs as a filesystem.
TabFS

thomasloven/lovelace-browser-commander

¥浏览器 资源、整理集&FAQ

(1.6w字)浏览器灵魂之问,请问你能接得住几个?
[译] 一文带你看完 2019 开年浏览器之争的最新进展 - 掘金

浏览器 资源

浏览器 整理集

《实战中学习浏览器工作原理》

实战中学习浏览器工作原理「一」
实战中学习浏览器工作原理 — 排版与渲染

浏览器 FAQ

$服务器

¥服务器 core

¥DNS

DNS Performance - Compare the speed and uptime of enterprise and commercial DNS services | DNSPerf
万字长文爆肝 DNS 协议!

¥Gateway service

orange

orlabs/orange: OpenResty/Nginx Gateway for API Monitoring and Management.

zuul

Netflix/zuul: Zuul is a gateway service that provides dynamic routing, monitoring, resiliency, security, and more.

Amazon API Gateway云网关_API网关托管服务-AWS云服务
API网关_API Gateway_API托管服务_开放API服务_API管理-阿里云
API 网关_API Gateway_API 托管服务_API 管理_开放 API - 腾讯云
Kong: Next-Generation API platform for Microservices
限流10万QPS、跨域、过滤器、令牌桶算法-网关Gateway内容都在这儿

¥HTTP

¥HTTP core

Content-Type

Content-Type - HTTP | MDN
HTTP/1.1: Protocol Parameters
Forms in HTML documents
http - application/x-www-form-urlencoded or multipart/form-data? - Stack Overflow
browser - How to download multiple files with one HTTP request? - Stack Overflow
Java OutputStream : Download Multiple Files - Stack Overflow
php - Download Multiple files in one HTTP request - Stack Overflow
HTTP content-type | 菜鸟教程
HTTP Content-type 对照表 - 常用参考表对照表 - 脚本之家在线工具
HTTP Content-type 对照表
http Content-type对照表
Http请求中请求头Content-Type讲解 - mingruqi - 博客园

Content-Disposition

Content-Disposition - HTTP | MDN
Hi gays, 你造Content-Disposition吗? - 掘金
HTTP协议header中Content-Disposition中文文件名乱码_weixin_33779515的博客-CSDN博客
Content-Disposition 文件上传、下载 中文乱码 HTTP头 解决办法_VicterTian的博客-CSDN博客
HTTP协议header中Content-Disposition中文文件名乱码 - 乒乓狂魔 - OSCHINA
Content-disposition说明以及中文乱码 - 网络大豆 - 博客园
HTTP协议header中Content-Disposition中文文件名乱码 - lcfeiyu - 博客园
探究 Content-Disposition:解决下载中文文件名乱码_码神岛
解决Content-Disposition: 下载中文名乱码,下载乱码-PHPer许琴-专注于PHP技术-51CTO博客
探究 Content-Disposition:解决下载中文文件名乱码丶一个站在Java后端设计之路的男青年个人博客网站

HTTP/3

What is HTTP/3 ? - DEV Community 👩‍💻👨‍💻
Archive
HTTP/3 来啦,你还在等什么?赶紧了解一下 - 掘金

HTTP/2

HTTP/2
HTTP/2.0的前世今生 - 掘金
HTTP 2.0 协议详解 - zqjflash的专栏 - CSDN博客

HTTP Cache

HTTP caching - HTTP | MDN
HTTP 缓存  |  Web Fundamentals  |  Google Developers
HTTP 缓存  |  Web Fundamentals  |  Google Developers
Caching best practices & max-age gotchas - JakeArchibald.com
[实战验证] http缓存(无代理服务器) - 掘金
HTTP Cache 浅析 - 掘金
关于 http cache 的一个小问题以及引发的思考 - 掘金
【译】缓存最佳实践 & max-age的陷阱 - 掘金
深入理解HTTP缓存机制及原理 - 掘金
前端要知道的Http协议缓存 - 掘金
[译] 写给大家看的 Cache-Control 指令配置 - 掘金
深入剖析浏览器缓存策略 - 掘金
深入现代浏览器的HTTP缓存机制 - 掘金
Cache-Control for Civilians - 掘金
HTTP----HTTP缓存机制 - 掘金
手摸手教你解决重定向缓存问题 - 掘金
关于 http 缓存,这些知识点你可能都不懂 - 掘金
前端缓存那些事 - 掘金
前端也要懂Http缓存机制 - 掘金
HTTP Cache 为什么让人很困惑 - 虞大胆的叽叽喳喳 - 简书
深入理解浏览器的缓存机制 - 浪里行舟 - 简书
图解 HTTP 缓存 - 政采云前端团队
基于http协议讲解缓存头Cache-Control在服务中的应用@慕课网 原创_慕课网_手记

HTTP 状态码

HTTP 响应代码 - HTTP | MDN
(3条消息) HttpStatus各种状态_hins-CSDN博客
HTTP状态码大全 - 常用参考表对照表 - 脚本之家在线工具
HTTP状态码大全(转自wiki) - 削微寒 - 博客园
HTTP状态码大全 - 缘-妙不可言 - 博客园
HTTP 204和205的应用 - 风雪之隅

HTTPS

怎样在服务器上启用 HTTPS - 掘金
彻底搞懂HTTPS的加密机制 - 掘金
HTTPS是如何保证安全的
为你的前端本地环境配置 HTTPS 证书
HTTPS 工作原理详解 | TLS握手过程
html页面中引入自签名证书的js web资源出现net::ERR_CERT_AUTHORITY_INVALID_java_Masterheaven的博客-CSDN博客
Chrome NET::ERR_CERT_AUTHORITY_INVALID 错误分析及处理_php_xujing19920814的博客-CSDN博客
你一定要知道,关于https的五大误区 - 行业动态_安全频道 - 企业网D1Net - 企业IT 第1门户
SSL服务器证书安装检查器_OPENSSL工具包_迅通诚信
你连 HTTPS 原理都不懂,还讲“中间人攻击”?

IETF HTTP Working Group

IETF HTTP Working Group
httpwg/http-core: Core HTTP Specifications
httpwg/http-extensions: HTTP Extensions in progress
httpwg/wg-materials: HTTP Working Group Materials
httpwg/http2-spec: Working copy of the HTTP/2 Specification
httpwg/wiki: WG wiki
IETF HTTP Working Group

MIME type

MIME types (IANA media types) - HTTP | MDN
cconcolato/media-mime-support: ISOBMFF MIME Types Support
jsdom/whatwg-mimetype: Parses, serializes, and manipulates MIME types, according to the WHATWG MIME Sniffing Standard
mozilla-comm/jsmime: A MIME parser written in JavaScript
creationix/simple-mime: A small, simple mime database for node.js
ikr0m/mime-js: Create MIME message in javascript
eface2face/mimemessage.js: MIME messages for JavaScript (RFC 2045 & 2046)
data-uri/mimer: A simple Mime type getter
stretchr/filetypes.js: A complete list of file types, extensions and mime types in JavaScript.
jhermsmeier/node-mime-lib: MIME related utility functions
wgenial/mimetypeicons-nodejs: 🚀 Site that provides mime type icons
broofa/node-mime: Mime types for JavaScript
MimeTypeMap/MimeTypeMap.cs at master · samuelneff/MimeTypeMap
jshttp/mime-db: Media Type Database
Authorize.Net API Documentation - Accept.js
HTML5 input file类型,accept(文件类型控制) - CSDN博客
HTML5 file表单accept的种类汇总 | 蓝文资源库 – 海量优质开发设计资源分享平台
html input file accept 上传文件类型限制格式 MIME 类型列表

预检请求

Preflight request | MDN
预检请求 - 掘金
CORS 为什么要区分『简单请求』和『预检请求』? - 掘金
面试官:说说你对 options 请求的理解 - 掘金
cors跨域之简单请求与预检请求(发送请求头带令牌token) - 个人文章 - SegmentFault 思否

幂等

幂等性浅谈 - 简书
it4alla/idempotent

搞懂 HTTP 1.0 /1.1/2.0 协议差别 · Issue #18 · RicardoCao-Biker/RICO-BLOG
bagder/http2-explained: A detailed document explaining and documenting HTTP/2, the successor to the widely popular HTTP/1.1 protocol
interagent/http-api-design: HTTP API design guide extracted from work on the Heroku Platform API
HTTP 请求方法 | 菜鸟教程

¥HTTP libs、plugins&tools

jshttp

jshttp
jshttp

okhttp-RxHttp

liujingxing/okhttp-RxHttp: RxJava2 + OkHttp 30秒上手,新一代OkHttp请求神器,史上最优雅的实现文件上传/下载/进度监听、动态/多域名、缓存;支持第三方数据解析工具、自定义请求、自动关闭请求等等
RxHttp 让你眼前一亮的Http请求框架 - 掘金

ky

sindresorhus/ky: 🌳 Tiny & elegant HTTP client based on window.fetch

¥HTTP 资源、整理集&FAQ

HTTP 资源

juejin-spider/filter-httportcp.md at master · lxfriday/juejin-spider
Analyse your HTTP response headers
What is idempotence? - LispCast
基石-初见网络(一):输入URL后 - 掘金
基石-初见网络(二):Web&HTTP&HTTPS - 掘金
完全图解 HTTPS - 掘金
HTTP 的前世今生:一次性搞懂 HTTP、HTTPS、SPDY、HTTP2 - 掘金
一文读懂HTTP/2 及 HTTP/3特性 - 掘金
【译】HTTP 简史 - 前端 - 掘金
JS HTTP 请求库哪家强?Axios,Request,Superagent,Fetch 还是 Supertest - 掘金
看完这篇HTTP,跟面试官扯皮就没问题了 - 掘金
面试常问的http的缺点 - 掘金
关于大厂面试中问到的二十几个 HTTP 面试题 - 掘金
「查缺补漏」巩固你的HTTP知识体系
(建议精读)HTTP灵魂之问,巩固你的 HTTP 知识体系
TCP的三次握手与四次挥手理解及面试题(很全面)_网络_lucky_jun-CSDN博客
HTTP协议【详解】——经典面试题 - Sunny* - 博客园

HTTP 整理集

《ShutdownHTTP系列》

🐲【1】ShutdownHTTP系列-基础篇
🐲【2】ShutdownHTTP系列-HTTP报文篇
🐲【3】Shutdown HTTP系列-Cookie篇
🐲【4】Shutdown HTTP系列-HTTPS篇

连肝7个晚上,总结了计算机HTTP网络协议的知识点

HTTP FAQ

提交数据大小限制

关于http get和form表单post提交数据大小限制 - 武凯凯 - CSDN博客
POST提交数据太大 - 海阔天空的专栏 - CSDN博客
ajax的post提交参数长度超出限制的解决办法 - 一@ - CSDN博客
GET与POST传递数据的最大长度限制 - 天下熙熙,皆为利来;天下攘攘,皆为利往。 - CSDN博客
post数据过大的问题 - wangchh1988的博客 - CSDN博客
post提交参数过多时,取消Tomcat对 post长度限制 - 笨笨熊咦的博客 - CSDN博客
POST提交数据达到大小限制时,无法成功提交数据的解决办法! - phy201106的博客 - CSDN博客
Post提交大数据量,接收端接收不到数据的解决方法 - LZJLZJLZJLZJLZJLZJ的专栏 - CSDN博客
Tomcat下取消POST大小的限制 - zhang__san_的博客 - CSDN博客

前端面试http和https的区别 - 掘金
HTTP系列 HTTP协议是一个渣男👦-主动,不负责,不拒绝 - 掘金
HTTP 中 GET 与 POST 的区别 - 掘金
为什么 HTTP PATCH 方法不是幂等的及其延伸 - 掘金
基于 HTTP 请求拦截,快速解决跨域和代理 Mock - 掘金
浅谈HTTP之URL - 掘金
《大前端进阶 安全》系列 HTTPS详解(通俗易懂) - 掘金
HTTP 的这几个坑你都踩过吗?
透视HTTP协议-HTTP的传输、连接、重定向及Cookie机制
HTTP和HTTPS协议,看一篇就够了_不一样的博客-CSDN博客_https
什么是三次握手,这张思维导图让面试官直接给出offer
HTTPS 原理分析——带着疑问层层深入 | leapMie
半小时搞懂 HTTP、HTTPS和HTTP2

码农翻身

¥MQTT

¥MQTT core

¥MQTT frameworks、libs、plugins&tools

mqttjs

MQTT.js

¥MQTT 资源、整理集&FAQ

¥Nginx

Nginx core

config

module

#http

gzip

Module ngx_http_gzip_module
HttpGzip模块-Nginx中文文档

location

Module ngx_http_core_module
一文弄懂Nginx的location匹配 - 掘金
Nginx 关于 location 的匹配规则详解-linux开源-不断的总结....-51CTO博客

rewrite

Module ngx_http_rewrite_module
Nginx之八 URL重写(rewrite)配置_运维_Visonws的博客-CSDN博客
(1条消息)Nginx rewrite_运维_光明小学王小雨的博客-CSDN博客
nginx配置location总结及rewrite规则写法 - Sean's Notes - SegmentFault 思否
Nginx rewrite 总结(转) - 简书
nginx rewrite uri地址重写-我的运维历程-51CTO博客
Nginx的rewrite(地址重定向)剖析 - Brian_Zhu - 博客园
Nginx 之 Rewrite 规则 - Crazymagic - 博客园
nginx rewrite 指令

status

Module ngx_http_status_module

stub_status

Module ngx_http_stub_status_module

try_files

Module ngx_http_core_module
nginx try_files的使用及理解_lovewebeye的专栏-CSDN博客
nginx try_files 根目录无效 - 简书
nginx 中 index try_files location 这三个配置项的作用 - 简书
nginx中try_files - 上善若水-随 - 博客园
Nginx try_files 指令 - kevin.Xiang - 博客园
Nginx的try_files指令使用实例_nginx_脚本之家
nginx中try_files参数易被忽略的知识点-readygood-51CTO博客
Nginx之try_files指令 - 吴昊博客

uwsgi

Nginx+UWSGI配置问题 - 简书
Nginx的Uwsgi模块_ITPUB博客
Module ngx_http_uwsgi_module

upstream

Module ngx_http_upstream_module
Nginx动态解析upstream域名_MySrc_新浪博客

upstream_conf

Module ngx_http_upstream_conf_module

upstream_hc

Module ngx_http_upstream_hc_module

Module ngx_http_core_module
Module ngx_http_core_module

#mail

Module ngx_mail_core_module

#stream

Module ngx_stream_core_module

#google

Module ngx_google_perftools_module

负载均衡

Nginx实现负载均衡 - 掘金
五分钟看懂 Nginx 负载均衡 - 掘金

反向代理

NGINX Docs | NGINX Reverse Proxy
Nginx下的location,upstream,rewrite 和 proxy_pass使用总计大全 - 掘金
Nginx常见场景代理转发配置 - 阿飞的专栏 - CSDN博客
(1条消息)nginx的location,upstream,rewrite 和 proxy_pass使用,以及需要注意的地方_运维_zhanglei082319的博客-CSDN博客
nginx实现请求转发_运维_^-^-CSDN博客
nginx 请求转发配置 - SegmentFault 思否
Nginx配置请求转发location及rewrite规则 - 陈无问 - 博客园
Nginx配置proxy_pass转发的/路径问题 - 风与叶子 - 博客园
nginx配置文件+本地测试请求转发到远程服务器+集群 - PeaceGuy - 博客园

跨域

window系统Nginx的使用经历和访问本地文件跨域问题_运维_zeng092210的博客-CSDN博客
Nginx配置跨域请求 Access-Control-Allow-Origin * - 全栈开发之路 - SegmentFault 思否
nginx中配置跨域支持功能 - 小戴子 - 博客园

NGINX | High Performance Load Balancer, Web Server, & Reverse Proxy
nginx documentation
nginx news
nginx: download
nginx for Windows
nginx for Windows
Index of /download/
ningx中文教程网
nginx
http核心模块-Nginx中文文档
nginx在windows上的安装-Nginx中文手册
nginx documentation

Nginx libs、plugins&tools

Nginx 资源、整理集&FAQ

Nginx 资源

yinjiazeng/NginxGUI: 基于electron+nuomi+antd开发的nginx图形化管理工具
galmoe-ts/nginx.conf at master · galmoe/galmoe-ts
Welcome to NGINX Wiki! | NGINX
前端必会的 Nginx入门视频教程(共11集) - 掘金
前端也要掌握的 Nginx 知识 - 掘金
Nginx 从入门到实践,万字详解! - 掘金
nginx配置文件nginx.conf 不包括server节点 - 海绵般汲取 - 博客园
nginx部署避坑指南+高级配置详解 - 知乎

Nginx 整理集

Nginx16连环问,你被问到了吗!
Nginx 从入门到实践,万字详解!
万字长文干货,面试官角度看面试

Nginx FAQ

nginx实现常见场景 - 掘金
Forever +nginx部署Node站点 - 掘金
前端不能不会的 Nginx 入门 (图文并茂的服务器环境教程) - 掘金
前端Nginx那些事 - 掘金
前端工程师不可不知的Nginx知识
windows 下安装配置 Nginx 详解 - kingscoming的博客 - CSDN博客
Nginx 注册为Windows 系统服务_运维_weixin_42609240的博客-CSDN博客
(2条消息) Nginx隐藏响应头信息的Server信息和版本信息_chuixue24的博客-CSDN博客_nginx 隐藏server
nginx.conf配置文件详解 - 简书
Windows Server 2016 Nginx 安装配置详细图文教程_win服务器_脚本之家
【Nginx】在Windows下使用Nginx解决前端跨域问题 - connsun - 博客园
windows下nginx的安装及使用 - 将王相 - 博客园
windows下nginx的安装及使用方法入门 - 冒雨ing - 博客园
linux下安装nginx - 景岳 - 博客园
nginx--service配置 - 小An - 博客园
Windows安装nginx服务 - 玄同太子 - 博客园
nginx隐藏server信息和版本信息 - 慕尘 - 博客园
Nginx配置文件详解 - 猎手家园 - 博客园
死磕nginx系列-nginx日志配置 - biglittleant - 博客园
隐藏Nginx版本号的安全性与方法 – 运维生存时间
nginx利用service进行启动 | 每天一探
如何让网站和API都支持HTTPS?在Nginx上做文章是个好选择!
连前端都看得懂的《Nginx 入门指南》

¥TCP/IP

¥TCP/IP core

#IPv6

IPv6地址_实例IP地址介绍_网络_云服务器 ECS-阿里云
IPv6实例详解 - 亲亲小强 - 博客园

The TCP/IP Guide - Table Of Contents
en.wikipedia.org
en.wikipedia.org
The Best IP Address, Email and Networking Tools - IPAddress.com

¥TCP/IP libs、plugins&tools

#IP Libs

sindresorhus/internal-ip: Get your internal IP address
justjavac/Google-IPs: Google 全球 IP 地址库
whitequark/ipaddr.js: IP address manipulation library in JavaScript
sindresorhus/is-ip: Check if a string is an IP address
sindresorhus/ip-regex: Regular expression for matching IP addresses
silverwind/is-cidr: Check if a string is an IP address in CIDR notation
silverwind/cidr-regex: Regular expression for matching IP addresses in CIDR notation
LinusU/is-my-ip-valid: A small lib to validate IP addresses
liudonghua123/browserify-ip: IP address tools for browser like node-ip
browserify-ip - npm
https://ipv4.icanhazip.com
https://api.ipify.org
ipv6.icanhazip.com
https://api6.ipify.org

iP地址查询--手机号码查询归属地 | 邮政编码查询 | iP地址归属地查询 | 身份证号码验证在线查询网
IP/IPv6查询,服务器地址查询 - 站长工具
測試你的 IPv6 連線。
ip地址查询_ip定位

¥TCP/IP 资源、整理集&FAQ

(建议收藏)TCP协议灵魂之问,巩固你的网路底层基础
看了那么多,TCP/IP究竟是什么(一) - 掘金
看了那么多,TCP/IP究竟是什么(二) - 掘金
前端快速入门 TCP/IP - 掘金
TCP和UDP比较 - 掘金
TCP三次握手和四次挥手-面试就靠它了 - 掘金
三天两夜肝完这篇万字长文,终于拿下了TCP/IP
「网络协议」对TCP-IP不再迷茫
TCP性能优化实战
TCP/IP 基础知识总结
你需要知道的TCP/IP
理解TCP三次握手,为什么是三次?兼谈初始化序号、发送和确认序号
TCP的滑动窗口机制,谈谈其设计演化过程(如何从无到有?从不可靠到可靠?)

¥UDP

肝了一周的 UDP 基础知识终于出来了

¥代理

#反向代理

Caddy

图解跨域请求、反向代理原理,对前端更友好的反向代理服务器 - Caddy - 掘金
Caddy - The Ultimate Server with Automatic HTTPS
caddyserver/caddy: Fast, multi-platform web server with automatic HTTPS
caddy.community

mockiji-proxy-middleware

NijiDigital/mockiji-proxy-middleware: A basic proxy middleware for Mockiji

proxy-addr

jshttp/proxy-addr: Determine address of proxied request

hua1995116/proxy: http-porxy 源码解析以及实现

¥服务器 libs、plugins&tools

glennreyes/graphpack: ☄️ A minimalistic zero-config GraphQL server.
sintaxi/harp: Static Site Server/Generator with built-in preprocessing
ottomatica/opunit: 🕵️‍♂️🍞 Sanity checking containers, vms, and servers
coreybutler/fenix: A simple and visual static web server with collaboration features.
fly - npm

Modern Web

Modern Web
modernweb-dev/web: Guides, tools and libraries for modern web development.
open-wc/es-dev-server
Modern Web
es-dev-server - npm

¥服务器 资源、整理集&FAQ

#服务器 资源

#服务器 整理集

实体首部字段-四大首部字段之一 - 掘金
响应首部字段-四大首部字之一 - 掘金
通用首部字段详解-四大首部字段之一 - 掘金
常见Http首部字段 - 掘金
请求首部字段详解-四大首部字段之一 - 掘金

#服务器 FAQ

Cache-Control字段值详解 - 掘金
如何创建一个可靠稳定的Web服务器 - 掘金
离散请求 - 掘金
运用好你的云服务器 - 知乎

$数据库

数据库 core

¥对象关系映射(Object Relational Mapping,简称ORM,或O/RM,或O/R mapping)

prisma

prisma/prisma: Modern database access (ORM alternative) for Node.js & TypeScript | PostgreSQL, MySQL, MariaDB & SQLite
Prisma - Next-generation ORM for Node.js and TypeScript
Next.js with Prisma | Next-Generation ORM for SQL Databases

Sequelize

Sequelize core

Sequelize
sequelize/sequelize: An easy-to-use multi SQL dialect ORM for Node.js
demopark/sequelize-docs-Zh-CN: Sequelize 文档的中文版本: v4.42.0 | v5.21.5 | v6-beta
Sequelize | Sequelize ORM

Sequelize libs、plugins&tools

graphql-sequelize

mickhansen/graphql-sequelize: GraphQL & Relay for MySQL & Postgres via Sequelize

Sequelize CLI

sequelize/cli: The Sequelize CLI

sequelize-auto

sequelize/sequelize-auto: Automatically generate bare sequelize models from your database.

Sequelize example

sequelize/express-example: A proposal for the usage of Sequelize within an Express.JS application.

sequelize-fixtures

domasx2/sequelize-fixtures: Load data from json, yaml or js to sequelize

flexxnn/sequelize-auto-migrations: Migration generator && runner for sequelize
overlookmotel/sequelize-hierarchy: Nested hierarchies for Sequelize
mweibel/connect-session-sequelize: Sequelize SessionStore for Connect
adrien2p/nestjs-sequelize-jwt: Nest + Sequelize + jwt
ts_express: ts_express

Sequelize 资源、整理集&FAQ

学点后端知识之 Sequelize 中创建事务和🔐
详细易用的 Sequelize 解读 - 掘金
实践+源码分析完全理解 Sequelize,有详细例子!!! - 掘金

TypeORM

TypeORM core

typeorm/typeorm: ORM for TypeScript and JavaScript (ES7, ES6, ES5). Supports MySQL, PostgreSQL, MariaDB, SQLite, MS SQL Server, Oracle, SAP Hana, WebSQL databases. Works in NodeJS, Browser, Ionic, Cordova and Electron platforms.
TypeORM - Amazing ORM for TypeScript and JavaScript (ES7, ES6, ES5). Supports MySQL, PostgreSQL, MariaDB, SQLite, MS SQL Server, Oracle, WebSQL databases. Works in NodeJS, Browser, Ionic, Cordova and Electron platforms.

TypeORM libs、plugins&tools

Kononnable/typeorm-model-generator: Generates models for TypeORM from existing database.
w3tecch/typeorm-seeding: 🌱 A delightful way to seed test data into your database.
RobinCK/typeorm-fixtures: Fixtures loader for typeorm
andregardi/jwt-express-typeorm: Rest API with JWT authentication and role based authorization using TypeScript Express.js and TypeORM
nestjsx/nestjs-typeorm-paginate: Pagination response object function + types for typeorm + nestjs

TypeORM 资源、整理集&FAQ

《TypeORM v0.2.20 中文文档》 - 书栈网 · BookStack
入门 - 《TypeORM v0.2.20 中文文档》 - 书栈网 · BookStack

DeviaVir/zenbot: Zenbot is a command-line cryptocurrency trading bot using Node.js and MongoDB.
ORM 实例教程 - 阮一峰的网络日志

¥分库分表

sharding-jdbc 分库分表的 4种分片策略,还蛮简单的
分库分表的 9种分布式主键ID 生成方案,挺全乎的
一文快速入门分库分表(必修课)
https://mp.weixin.qq.com/s?__biz=MzAxNTM4NzAyNg==&mid=2247488500&idx=1&sn=108bf704a54b0a9638e84698deb3ce4c&chksm=9b858309acf20a1fc606f6d140e9638072405011829bb8decc906a648d3f2f75441c0adac869&token=1691474648&lang=zh_CN&scene=21#wechat_redirect
分库分表的 4种分片策略,所有 SQL 都逃不掉的一步

GraphQL

GraphQL core

GraphQL
GraphQL | A query language for your API
The GraphQL Foundation | An open and neutral home for the GraphQL community
spec.graphql.org
www.facebook.com

GraphQL libs、plugins&tools

Apollo GraphQL

apollo

apollographql/apollo: Open source tools for GraphQL. Central repo for discussion.

apollo-client

apollographql/apollo-client: A fully-featured, production ready caching GraphQL client for every UI framework and GraphQL server

apollo-server

apollographql/apollo-server: 🌍 GraphQL server for Express, Connect, Hapi, Koa and more
apollo-server - npm
apollo-server-core - npm
apollo-server-express - npm
apollo-server-lambda - npm
apollo-server-koa - npm
apollo-server-testing - npm
apollo-server-micro - npm
apollo-server-errors - npm
apollo-server-hapi - npm
apollo-server-caching - npm
apollo-server-fastify - npm
apollo-server-cloud-functions - npm
apollo-server-env - npm
Apollo GraphQL | Apollo Data Graph Platform— unify APIs, microservices, and databases into a data graph that you can query with GraphQL
Introduction to Apollo Server - Apollo Server - Apollo GraphQL Docs

graphql-tag

apollographql/graphql-tag: A JavaScript template literal tag that parses GraphQL queries

Apollo GraphQL

dataloader

graphql/dataloader: DataLoader is a generic utility to be used as part of your application's data fetching layer to provide a consistent API over various backends and reduce requests to those backends via batching and caching.

express-graphql

graphql/express-graphql: Create a GraphQL HTTP server with Express.

graphql-js

graphql/graphql-js: A reference implementation of GraphQL for JavaScript

graphqurl

hasura/graphqurl: curl for GraphQL with autocomplete, subscriptions and GraphiQL. Also a dead-simple universal javascript GraphQL client.

graphql-compose

graphql-compose
graphql-compose/graphql-compose-aws: AWS Cloud API via GraphQL
graphql-compose/graphql-compose-mongoose: Mongoose model converter to GraphQL types with resolvers for graphql-compose https://github.com/nodkz/graphql-compose
graphql-compose · Toolkit for generating complex GraphQL schemas in Node.js

graphql-tools

ardatan/graphql-tools: Build, mock, and stitch a GraphQL schema using the schema language
@graphql-tools - npm search

graphql-type-json

taion/graphql-type-json: JSON scalar type for GraphQL.js
graphql-type-json - npm

type-graphql

MichalLytek/type-graphql: Create GraphQL schema and resolvers with TypeScript, using classes and decorators!

thiagoleitedev/rest-fullstack: A real world REST app using GraphQL
dotansimha/graphql-code-generator: GraphQL code generator with flexible support for custom plugins and templates
benawad/fullstack-graphql-airbnb-clone: A Fullstack GraphQL Airbnb Clone with React and React Native

GraphQL 资源、整理集&FAQ

GraphQL 资源

chentsulin/awesome-graphql: Awesome list of GraphQL & Relay
blog/src/graphql+redis at master · airuikun/blog

GraphQL 整理集

Newest 'graphql' Questions - Stack Overflow

GraphQL FAQ

GraphQL vs. REST - Apollo Blog
[译] 我们采用 GraphQL 技术的经验:营销技术活动 - 掘金
采用 GraphQL 的技术经验:营销技术活动 - 掘金
GraphQL 的入门指南 - 终身学习者 - SegmentFault 思否
GraphQL[0x01] -- GraphQL基础实践

Memcached

Memcached core

memcached/memcached: memcached development tree
memcached - a distributed memory object caching system

Memcached libs、plugins&tools

Memcached 资源、整理集&FAQ

libevent

MongoDB

MongoDB core

MongoDB Hosting: Database-as-a-Service by mLab
Install MongoDB — MongoDB Manual 3.6
Robo 3T | Free, open-source MongoDB GUI (formerly Robomongo)
The most popular database for modern apps | MongoDB
MongoDB中文社区 | 中文社区
MongoDB 教程 | 菜鸟教程

MongoDB libs、plugins&tools

mongoose

mongoose core

Automattic/mongoose: MongoDB object modeling designed to work in an asynchronous environment.
Mongoose v5.9.11: Schemas
Mongoose ODM v5.7.14
Mongoose Prototype Pollution Vulnerability Disclosure | www.thecodebarbarian.com
Mongoose 5.0 中文文档

mongoose frameworks

madhums/node-express-mongoose: A boilerplate application for building web apps using node and mongodb
feathersjs-ecosystem/feathers-mongoose: Easily create a Mongoose Service for Feathersjs.
diegohaz/rest: REST API generator with Node.js, Express and Mongoose

mongoose libs、plugins&tools

edwardhotchkiss/mongoose-paginate: Mongoose.js (Node.js & MongoDB) Document Query Pagination
florianholzapfel/express-restify-mongoose: Easily restify mongoose databases
saintedlama/passport-local-mongoose: Passport-Local Mongoose is a Mongoose plugin that simplifies building username and password login with Passport
bnoguchi/mongoose-auth: User authentication plugin for mongoose nodejs orm
chevtek/mongoose-auto-increment
eggjs/egg-mongoose
drudge/mongoose-timestamp: Adds createdAt and updatedAt date attributes that get auto-assigned to the most recent create/update timestamp
dsanel/mongoose-delete: Mongoose Soft Delete Plugin
leepowellcouk/mongoose-validator: Validators for mongoose models utilising validator.js
bnoguchi/mongoose-types: Additional handy types for mongoose
blakehaswell/mongoose-unique-validator: mongoose-unique-validator is a plugin which adds pre-save validation for unique fields within a Mongoose schema.
balmasi/migrate-mongoose: A node based migration framework for mongoose supporting ES6 migrations
nassor/mongoose-history: Keeps a history of all changes of a document.
briankircho/mongoose-schema-extend: mongoose schema inheritance and discriminator key extension
LearnBoost/express-mongoose: Plugin for easy rendering of Mongoose async Query results.
buunguyen/mongoose-deep-populate: Mongoose plugin to enable deep population of nested models ⛺
tblobaum/mongoose-troop: plugins for your mongoose schemas.
powmedia/mongoose-fixtures: Fixture loader for NodeJS' Mongoose ODM. Check pow-mongodb-fixtures instead to load data straight to MongoDB, skipping Mongoose.
saintedlama/mongoose-version: Mongoose plugin to save document data versions. Documents are saved to a "versioned" document collection before saving original documents and kept for later use.
saintedlama/restify-mongoose: Restify-Mongoose provides a resource abstraction to expose mongoose models as REST resources.
heapsource/mongoose-attachments: Attachments Plugin for Mongoose.js with Support for ImageMagick Styles and Multiple Storage Backends
ramiel/mongoose-sequence: Sequence and autoincrement handling for mongoose
DamienP33/express-mongoose-generator: Mongoose generator for Express.js 4
topliceanu/mongoose-gen: generates mongoose schemas from json documents, supports DBRefs and Arrays of DBRef
mongodb-js/mongoose-autopopulate: Always populate() certain fields in your mongoose schemas

mongoose project

jspears/mers: Mongoose Express Rest Service
mongoosastic/mongoosastic: Index Mongoose models into elasticsearch automatically. Looking for maintainers!
sahat/tvshow-tracker: AngularJS + Node + Gulp + Mongoose + Passport Authentication + TVDB API

MongoDB 可视化

mongo-express

mongo-express/mongo-express: Web-based MongoDB admin interface, written with Node.js and express
mongo-express - Docker Hub
MongoDB可视化图形界面mongo-express/adminMongo安装过程_数据库_Erik_ly的博客-CSDN博客
(1条消息)centos7下使用mongo-express/adminMongo通过WEB管理MongoDB(可视化)_运维_Algorithmguy的专栏-CSDN博客
使用mongo-express图形化界面远程管理数据库 - 简书
Docker 下的 MongoDB + Mongo-Express 环境搭建 - 简书
MongoDB + mongo-express 环境搭建记 - i野老i - 博客园
使用mongo-express管理mongodb数据库 - 小火柴的蓝色理想 - 博客园

mongodb-js
mongodb-js/mongodb-schema: Infer a probabilistic schema for a MongoDB collection.

myDrive

subnub/myDrive: Node.js and mongoDB Google Drive Clone

MongoDB 资源、整理集&FAQ

MongoDB 资源

MongoDB 整理集

95道MongoDB面试题(含答案),1万字详细解析! - 掘金
95道MongoDB面试题(含答案),1万字详细解析!

MongoDB FAQ

用户名、密码

(1条消息)MongoDB 设置用户名密码登录_数据库_LIU-YanLin的博客-CSDN博客
mongoDB数据库设置用户名及密码-windows_数据库_qyt1988528的博客-CSDN博客
(1条消息)mongodb 添加用户报错TypeError:db.addUser is not a function (mongodb3.4.1)_数据库_lycommand的专栏-CSDN博客
MongoDB 设置用户名密码 - 简书
给你的mongodb设置密码吧! - 个人文章 - SegmentFault 思否
mongodb用户权限管理最全攻略:用户的创建、查看、删除与修改,mongodb入坑之旅 - 个人文章 - SegmentFault 思否
mongodb 修改用户密码 2种方法_MongoDB_脚本之家
MongoDB设置用户名以及密码 - wangry - 博客园
mongodb 权限设置--用户名、密码、端口 - 二郎神 - 博客园
MongoDB 设置账号和密码 - 梦雨情殇 - 博客园
MongoDB配置用户名与密码 - JennySchecter - 博客园
设置mongodb的用户名密码 | Think in Drupal
MongoDB 设置用户名密码登录 - 云+社区 - 腾讯云
MongoDB - 设置数据库的用户名和密码(开启登录密码认证)

备份、恢复、导入、导出

MongoDB 备份(mongodump)与恢复(mongorestore) | 菜鸟教程
从MongoDB中导出、导入数据到文档(csv,json)_json_西门大盗的博客-CSDN博客
mongoDb的数据导入和导出 - 简书
MongoDB 导出导入备份恢复数据详解及实例_MongoDB_脚本之家
MongoDB导入导出以及数据库备份 - 刘小伟 - 博客园
MongoDB导入导出以及数据库备份 - cloud_wh - 博客园

MongoDB在Windows操作系统安装 - 掘金
Mongo DB - 掘金
MongoDB 索引 - 掘金
MongoDB索引与优化详解 - 掘金
MongoDB 事务 —— 基础入门篇 - 掘金
MongoDB 事务 —— 多文档事务实践篇 - 掘金
[译] MongoDB 几种备份方案 - 掘金
服务器 MongoDB 数据库定时备份 - 掘金
Koa2+MongoDB+JWT实战--Restful API最佳实践 - 掘金
前后端分离 Vue + NodeJS(Koa) + MongoDB,从产品到开发,全栈实践 - 掘金
vue+node+koa+mongodb+mongoose实现商城App - 掘金
koa2 + jwt + mongodb入门实战 - 掘金
mongoDB的基本操作以及数据的导入导出,备份和恢复_数据库_夜唯美不离-CSDN博客
基于node的登入例子(node-koa-mongoose) - 简书
mongodb 的动态 - SegmentFault 思否
海量数据的分页怎么破? | MongoDB中文社区
初闻MongoDB(一)、从零带你了解MongoDB的前世今生

MySQL

MySQL core

MySQL
MySQL :: Download MySQL Community Server

MySQL libs、plugins&tools

iysql

influx-code/iysql: IYSQL - Improve Your SQL

Navicat for MySQL

Navicat for MySQL64位破解版(附注册码)_Navicat for MySQL 11.2中文版-PC下载网
Navicat for MySQL下载、安装和配置
Navicat for MySQL 安装和破解(完美) - 一次次尝试 - CSDN博客
MySQL相关文件包-CSDN下载

另辟蹊径,MySQL主从同步延迟,这样解决也挺好 - 掘金
将数据库结构修改提交到生产环境下数据库 - LEON的博客 - CSDN博客
15款最佳的MySQL管理工具和应用程序 - 梦想天空(山边小溪) - 博客园
mysql 安装图解 mysql图文安装教程(详细说明) - whaben - 博客园
MySQL5.5安装教程 - 代码根 - 博客园
【干货】一千行 MySQL 学习笔记
thinkjs/think-model-mysql: Mysql model adapter

MySQL 资源、整理集&FAQ

MySQL 资源

MySQL 整理集

3万字总结,Mysql优化之精髓
MySQL 三万字精华总结 + 面试100 问,和面试官扯皮绰绰有余(收藏系列)

MySQL FAQ

138 张图带你 MySQL 入门

Neo4j

Neo4j Download Center - Neo4j Graph Database Platform
Neo4j - CQL简介_w3cschool
一文教你用 Neo4j 快速构建明星关系图谱 - 掘金
(5条消息)Import-Module : 未能加载指定的模块“\Neo4j-Management.psd1” - 小妖666个人笔记 - CSDN博客
Windows下安装neo4j - 知乎
Neo4j 第一篇:在Windows环境中安装Neo4j - 悦光阴 - 博客园

PostgreSQL

PostgreSQL core

PostgreSQL: The world's most advanced open source database
PostgreSQL 教程 | 菜鸟教程
psqlodbc - PostgreSQL ODBC driver
PostgreSQL中文社区:: 世界上功能最强大的开源数据库...

PostgreSQL libs、plugins&tools

node-postgres

brianc/node-postgres: PostgreSQL client for node.js.

node-reactive-postgres

tozd/node-reactive-postgres: Reactive queries for PostgreSQL
reactive-postgres - npm

ANXS/postgresql: Fairly full featured Ansible role for Postgresql.

PostgreSQL 资源、整理集&FAQ

sous-chefs/postgresql: Development repository for the postgresql cookbook
PostgreSQL新手入门 - 阮一峰的网络日志

Redis

Redis core

Redis
Distributed locks with Redis – Redis

Redis libs、plugins&tools

ioredis

luin/ioredis: 🚀 A robust, performance-focused and full-featured Redis client for Node.js.

node-redis

NodeRedis/node-redis: A high performance Node.js Redis client.
joshuah/sol-redis-pool: A simple Redis pool for node using generic-pool.

uglide/RedisDesktopManager: Cross-platform GUI management tool for Redis
ngbdf/redis-manager: Redis 一站式管理平台,支持集群的监控、安装、管理、告警以及基本的数据操作
redis-admin: 轻量级Redis缓存图形化管理工具

node-redlock

mike-marcacci/node-redlock: A node.js redlock implementation for distributed, highly-available redis locks

Redisson

redisson/redisson: Redisson - Redis Java client with features of In-Memory Data Grid. Over 50 Redis based Java objects and services: Set, Multimap, SortedSet, Map, List, Queue, Deque, Semaphore, Lock, AtomicLong, Map Reduce, Publish / Subscribe, Bloom filter, Spring Cache, Tomcat, Scheduler, JCache API, Hibernate, MyBatis, RPC, local cache ...

Redis 资源、整理集&FAQ

Redis 资源

Redis 整理集

《Redis笔记》

Redis笔记(一):Redis安装教程 - 朝雨忆轻尘 - 博客园
Redis笔记(二):Redis数据类型 - 朝雨忆轻尘 - 博客园
Redis笔记(三):Redis常用命令 - 朝雨忆轻尘 - 博客园
Redis笔记(四):Redis事务支持 - 朝雨忆轻尘 - 博客园
Redis笔记(五):Redis发布订阅 - 朝雨忆轻尘 - 博客园
Redis笔记(六):Java中使用Redis - 朝雨忆轻尘 - 博客园
Redis笔记(七):Redis应用场景 - 朝雨忆轻尘 - 博客园

Redis FAQ

Redis秒杀实战:微信抢红包(附源码)

SQL

SQL core

SQL 教程 | 菜鸟教程

SQL libs、plugins&tools

sql.js

kripken/sql.js: SQLite compiled to JavaScript through Emscripten

sqorn

lusakasa/sqorn: A Javascript library for building SQL queries

SQL 资源、整理集&FAQ

没内鬼,来点干货!SQL优化和诊断
SQL 语法速成手册

SQLite

SQLite Home Page
Architecture of SQLite

SQL Server

SQL Server core

SQL Server 下载 | Microsoft

SQL Server libs、plugins&tools

SQL Server 资源、整理集&FAQ

Neo4j

Neo4j core

neo4j/neo4j: Graphs for Everyone
Neo4j Graph Platform – The Leader in Graph Databases
Neo4j 图数据库中文社区,致力于 Neo4j 的技术研究。

Neo4j libs、plugins&tools

neo4j-browser

neo4j/neo4j-browser: Neo4j Browser is the general purpose user interface for working with Neo4j. Query, visualize, administrate and monitor the database.

node-neo4j

thingdom/node-neo4j: [RETIRED] Neo4j graph database driver (REST API client) for Node.js

Neo4j 资源、整理集&FAQ

数据库 libs、plugins&tools

knex

knex/knex: A query builder for PostgreSQL, MySQL and SQLite3, designed to be flexible, portable, and fun to use.
Knex.js - A SQL Query Builder for Javascript

lowdb

typicode/lowdb: ⚡️ lowdb is a small local JSON database powered by Lodash (supports Node, Electron and the browser)

mysqljs

mysqljs
mysqljs/mysql: A pure node.js JavaScript Client implementing the MySQL protocol.

quick-SQL-cheatsheet

enochtangg/quick-SQL-cheatsheet: A quick reminder of all SQL queries and examples on how to use them.

rxdb

pubkey/rxdb: A realtime Database for the Web
Introduction · RxDB - Documentation

stormdb

TomPrograms/stormdb: 🌩️ StormDB is a tiny, lightweight, 0 dependency, easy-to-use JSON-based database for NodeJS, the browser or Electron.

sirdb

c9fe/sirdb: A git diffable JSON database on yer filesystem.

WatermelonDB

Nozbe/WatermelonDB: 🍉 Next-gen database for powerful React and React Native apps that scales to 10,000s of records and remains fast ⚡️

priyank-purohit/PostGUI: A React web application to query and share any PostgreSQL database.

pouchdb

pouchdb/pouchdb: - PouchDB is a pocket-sized database.
PouchDB, the JavaScript Database that Syncs!

数据库 资源、整理集&FAQ

数据库 资源

chinese-poetry

chinese-poetry/chinese-poetry: 最全中华古诗词数据库, 唐宋两朝近一万四千古诗人, 接近5.5万首唐诗加26万宋诗. 两宋时期1564位词人,21050首词。
中文诗歌

chinese-xinhua

pwxcoo/chinese-xinhua: 中华新华字典数据库。包括歇后语,成语,词语,汉字。

Designing Data-Intensive Application

Vonng/ddia: 《Designing Data-Intensive Application》DDIA中文翻译
简介 · ddia-cn

database · GitHub Topics
hujiaweibujidao/poetry: china ancient poetry project data
LingDong-/grand-timeline: Interactive grand unified timeline of 30,800 ancient Chinese people / 古人全表
plotly/falcon: Free, open-source SQL client for Windows and Mac 🦅
metowolf/rime-sogou: 📇 聰明的輸入法配聰明的詞庫

数据库 整理集

Top 11 Node.js ORMs, Query Builders & Database Libraries in 2020
ConnectionStrings.com - Forgot that connection string? Get it here!
打工四年总结的数据库知识点

数据库 FAQ

Intro, Data Modeling, Databases | Prisma's Data Guide
How Does a Database Work? | Let’s Build a Simple Database

$日志

¥Elasticsearch

Elasticsearch core

Open Source Search: The Creators of Elasticsearch, ELK Stack & Kibana | Elastic
开源搜索与分析 · Elasticsearch | Elastic

Elasticsearch 资源、整理集&FAQ

Elasticsearch 资源

bluecll/es-easy-setup: Easy to setup Elasticsearch.
2021 版本 ElasticSearch 学习手册!

Elasticsearch 整理集

ELK - 简书

Elasticsearch FAQ

你居然还去服务器上捞日志,搭个日志收集系统难道不香么!

¥Fluentd

性能优越的轻量级日志收集工具,微软、亚马逊都在用!

¥Kibana

Kibana core

elastic/kibana: Your window into the Elastic Stack
Kibana 用户手册 | Elastic
Past Releases of Elastic Stack Software | Elastic
Kibana OSS 7.3.1 | Elastic

Kibana 资源、整理集&FAQ

Kibana 资源

PhaedrusTheGreek/transform_vis: Transform Visualization for Kibana

Kibana 整理集

ELK(Elasticsearch/Logstash/Kibana)安装时常见错误总结 - 大数据和AI躺过的坑 - 博客园

Kibana FAQ

kibana6.3.0开发环境搭建 - charming的博客 - CSDN博客
Kibana插件开发(基本环境搭建) - LemonGirls的博客 - CSDN博客
kibana 6.3.0版本开发环境配置失败(yarn kbn bootstrap)解决方案 - charming的博客 - CSDN博客
yarn安装node-sass - xin00guang的博客 - CSDN博客
Kibana关闭停止失败解决办法 - 程裕强的专栏 - CSDN博客
Kibana(Windows版本) - 学海无涯的博客 - CSDN博客
yarn命令的使用说明及.yarnrc使用等 - m0_37148591的博客 - CSDN博客
Kibana 用户指南(配置Kibana) - 风继续吹 - SegmentFault 思否
在Windows环境下搭建kibana开发环境及开发插件 - 程序员大本营
Kibana插件开发 | 易学教程
在mac上搭建kibana开发环境并打包 — POISON
如何让kibana零等待时间升级插件(前后端分离的部署) - Elastic 中文社区

$消息&通信

signalapp/Signal-Desktop: Signal — Private Messenger for Windows, Mac, and Linux
发布/订阅 - 维基百科,自由的百科全书
Events - Ionic API Documentation - Ionic Framework
Implementing Redis Pub/Sub in Node.js Application - DEV Community
如何优雅的实现消息通信?

$大前端 solutions

$other 大前端 solutions

No fuzz development with EcmaScript modules
效率提升50%,移动端UI自助验收在爱奇艺的探索与实践

icon&badge

shields

badges/shields: Concise, consistent, and legible badges in SVG and raster format
Shields.io: Quality metadata badges for open source projects
Shields.io

nodei.co
waffle.io
shields.io
ISSUESTATS - Situs permainan judi online Indonesia 2018
Gitter — 开发者交谈的地方
KiwiIRC - The webIRC client
https://img.shields.io/npm/dt/di-util
https://img.shields.io/badge/lodash-4.17.15-green.svg
https://img.shields.io/badge/license-MIT-000000.svg
Engineering Metrics to Improve Continuous Delivery Practices | Velocity
GitHub项目主要依赖的图标展示 - 掘金
开源项目徽章集锦 - spacewander - SegmentFault 思否

Serverless

云函数(Serverless Cloud Function,SCF)

云函数 SCF Node.js Runtime 最佳实践

serverless/serverless: Serverless Framework – Build web, mobile and IoT applications with serverless architectures using AWS Lambda, Azure Functions, Google CloudFunctions & more! –
serverless/examples: Serverless Examples – A collection of boilerplates and examples of serverless architectures built with the Serverless Framework on AWS Lambda, Microsoft Azure, Google Cloud Functions, and more.
Serverless-Devs/Serverless-Devs: Serverless Devs developer tool ( Serverless Devs 开发者工具 )
Serverless - The Serverless Application Framework powered by AWS Lambda, API Gateway, and more
Serverless Computing: One Step Forward, Two Steps Back
EECS-2019-3.pdf
Serverless + Egg.js 后台管理系统实战 - 掘金
你学BFF和Serverless了吗
Serverless 函数应用架构升级

《Serverless 应用开发指南》

phodal/serverless: Serverless 架构应用开发指南 - Serverless Architecture Application Development Guide with Serverless Framework.
Serverless 架构应用开发指南 – serverless

万物皆可Serverless的全部内容 - 云+社区 - 腾讯云

前端快照、截图&截屏

高质量前端快照方案:来自页面的「自拍」 - 掘金
微信H5实现网页长按保存图片及识别二维码 - 掘金
微信wap页生成分享海报功能踩坑经验 - 简书
浅谈两种前端截图方式:Canvas截图 vs SVG截图
「建议精读」史上最详细浏览器端网页截图方案解析
高质量前端快照方案:来自页面的「自拍」
前后端混合“截屏”方案

矩阵变换

无处不在的前端矩阵变换 - 掘金

自动化开发&持续集成

¥CI services

¥Jenkins

Jenkins 资源、整理集 & FAQ

Jenkins 整理集

《Jenkins入门系列》

Jenkins Ci系列目录 - 周国通 - 博客园

《Jenkins入门系列》

Jenkins入门(一) - 变成习惯
Jenkins入门(二)_变成习惯-CSDN博客
Jenkins入门系列之——00答疑解惑 - 爱自己 - 博客园
Jenkins入门系列之——03PDF文档下载 - 爱自己 - 博客园

《Jenkins进阶系列》

Jenkins进阶系列之——01使用email-ext替换Jenkins的默认邮件通知 - 爱自己 - 博客园
Jenkins进阶系列之——02email-ext邮件通知模板 - 爱自己 - 博客园
Jenkins进阶系列之——03parameterized-trigger插件 - 爱自己 - 博客园
Jenkins进阶系列之——04Publish Over FTP Plugin插件 - 爱自己 - 博客园
Jenkins进阶系列之——05FTP publisher plugin插件 - 爱自己 - 博客园
Jenkins进阶系列之——06FTP publisher plugin插件下载(支持绝对路径) - 爱自己 - 博客园
Jenkins进阶系列之——07更改Jenkins的主目录 - 爱自己 - 博客园
Jenkins进阶系列之——08Jenkins纳入版本控制 - 爱自己 - 博客园
Jenkins进阶系列之——09配置Linux系统ssh免密码登陆 - 爱自己 - 博客园
Jenkins进阶系列之——10Publish Over SSH插件 - 爱自己 - 博客园
Jenkins进阶系列之——11修改Jenkins用户的密码 - 爱自己 - 博客园
Jenkins进阶系列之——12详解Jenkins节点配置 - 爱自己 - 博客园
Jenkins进阶系列之——13修改Jenkins权限控制 - 爱自己 - 博客园
Jenkins进阶系列之——14配置Jenkins用户和权限 - 爱自己 - 博客园
Jenkins进阶系列之——15Maven获取Jenkins的Subversion的版本号 - 爱自己 - 博客园
Jenkins进阶系列之——16一个完整的JENKINS下的ANT BUILD.XML文件 - 爱自己 - 博客园
Jenkins进阶系列之——17Jenkins升级、迁移和备份 - 爱自己 - 博客园
Jenkins进阶系列之——18Jenkins语言本地化 - 爱自己 - 博客园

Jenkins FAQ

使用Jenkins+BlueOcean构建Nuxt应用(Jenkinsfile配置) - 掘金
docker下安装部署jenkins(一) - 掘金
[手把手系列之] Jenkins+Docker自动化部署vue项目 - 掘金
阿里云服务器配置Jenkins自动打包部署vue项目(新手攻略第二弹) - 掘金
jenkins command shell 或者 shell里调用参数的方式_dickzhu的专栏-CSDN博客
Jenkins详细教程 - 简书
Jenkins 功能分析与整理 - 简书
自动化部署之jenkins及简介 - jimmy_xuli - 博客园
搭建jenkins实现自动化部署 - rslai - 博客园
Docker下搭建Jenkins构建环境 - 朝雨忆轻尘 - 博客园

jenkinsci/jenkins: Jenkins automation server
Jenkins
Jenkins 用户手册
安装Jenkins
Jenkins Plugins
Jenkins中文文档_w3cschool

¥Travis CI

steveklabnik/automatically_update_github_pages_with_travis_example: An example of automatically updating GitHub Pages when you're using Travis CI.
dwyl/learn-travis: A quick Travis CI (Continuous Integration) Tutorial for Node.js developers
Travis CI User Documentation
Travis CI - Test and Deploy Your Code with Confidence
Travis CI - Test and Deploy with Confidence
Travis CI - Test and Deploy Your Code with Confidence
Building a JavaScript and Node.js project - Travis CI
Travis | web前端中文站
持续集成服务 Travis CI 教程 - 阮一峰的网络日志
都 2020 年了,你还在手动发布 npm 包吗 - 掘金
使用Travis-ci自动SSH部署vue代码 - 掘金
Github + Travis CI + PM2实现 Next.js 项目的(其他 Node.js 项目同理)持续集成和自动化部署 - 掘金
用 Travis CI 打造大前端持续集成和自动化部署 - 掘金
github中使用Travis CI_网络_布道-CSDN博客
travis-ci 的动态 - SegmentFault 思否
为Github项目添加Travis持续集成服务 - 潮哥 - 博客园

¥CodeShip

Continuous Integration, Deployment & Delivery with Codeship

¥CircleCI

Continuous Integration and Delivery - CircleCI

¥AppVeyor

Continuous Integration and Deployment service for Windows, Linux and macOS | AppVeyor

¥Buildkite

Buildkite

¥CodeFresh

Codefresh - The fast, powerful, headache-free CI/CD platform

Cloud Toolkit

《Cloud Toolkit User Guide》-云栖社区-阿里云

OneAPM

https://apmnj.cmecloud.cn:18081/static/js/bw-loader-416.7.29.js
OneAPM-端到端应用性能管理平台
OneAPM
OneAPM 应用性能管理云解决方案
OneAPM 博客
Browser Insight - 真实用户体验监控|前端性能监控|网站监测平台|网站性能测试 – OneAPM
OneAPM 云监控部署与试用体验 – 运维生存时间

如何实现基于AI的前端自动化系统 - 掘金
基于分支对比的增量代码持续集成覆盖率服务 - 掘金
如何实现自动化前端开发?
美团外卖持续交付的前世今生

前端专利

前端专利技术点分析 - angelfinding - 博客园

组件库构建与发布

《精通react/vue组件设计》

《精通react/vue组件设计》之用纯css打造类materialUI的按钮点击动画并封装成react组件 - 掘金
《精通react/vue组件设计》之快速实现一个可定制的进度条组件 - 掘金
《精通react/vue组件设计》之5分钟实现一个Tag(标签)组件和Empty(空状态)组件 - 掘金
《精通react/vue组件设计》之配合React Portals实现一个功能强大的抽屉(Drawer)组件 - 掘金
《精通react/vue组件设计》之实现一个健壮的警告提示(Alert)组件 - 掘金
《精通react/vue组件设计》之5分钟教你实现一个极具创意的加载(Loading)组件 - 掘金
手摸手实现一个轻量级可扩展的模态框(Modal)组件 - 掘金
精通React/Vue系列之手把手带你实现一个功能强大的通知提醒框(Notification) - 掘金
精通React/Vue系列之实现一个全局提示(Message)组件 - 掘金

Re从零开始的组件库构建与发布流程 - 掘金
从0到1教你搭建前端团队的组件系统(高级进阶必备) - 掘金
UI组件库从1到N开发心得-声明文件篇 - 掘金
是时候搭建你们团队的 UI 组件库了
根据公司的业务需求我是这样封装组件
组件演进史:从Mixin到HOC,再到Hook
可能是最详细的React组件库搭建总结
组件库主题设计方案

领域特定语言(Domain Specific Language,DSL)

前端 DSL 实践指南(上)—— 内部 DSL - 知乎

区块链(Blockchain)

Nimiq

nimiq/core-js: Official JavaScript implementation of the Nimiq protocol
@nimiq/core - npm
@nimiq/core-web - npm
Nimiq – Simple, secure and censorship resistant cryptocurrency

chaozh/awesome-blockchain-cn: 收集所有区块链(BlockChain)技术开发相关资料,包括Fabric和Ethereum开发资料
nervosnetwork/ckb-explorer-frontend: Nervos CKB Explorer Frontend

前端基础设施建设

如何推动前端团队的基础设施建设 - 掘金

分布式(distribution)

从微信朋友圈的评论可见性,谈因果一致性在分布式系统中的应用 - 奔跑的猪0101 - 博客园

统一建模语言,又称标准建模语言(Unified Modeling Language,UML)

登录与权限

Traefik

更简单的 Traefik 2 使用方式
Traefik 2 基础授权验证(前篇)
Traefik 2 基础授权验证(后篇)

单点登录(Single Sign On,SSO)

多站点单点登录实现方案 - 掘金
图文并茂,为你揭开“单点登录“的神秘面纱 - 政采云前端团队
图解单点登录原理与实现

第三方授权登录

JustAuth

一杯茶的时间,上手第三方登录类库 JustAuth - 掘金
justauth/JustAuth: :100: 小而全而美的第三方登录开源组件。目前已支持Github、Gitee、微博、钉钉、百度、Coding、腾讯云开发者平台、OSChina、支付宝、QQ、微信、淘宝、Google、Facebook、抖音、领英、小米、微软、今日头条、Teambition、StackOverflow、Pinterest、人人、华为、企业微信、酷家乐、Gitlab、美团、饿了么和推特等第三方平台的授权登录。 Login, so easy!

OAuth

OAuth Community Site
OAuth 2.0 — OAuth
OAuth 2.0 的四种方式 - 阮一峰的网络日志
OAuth 2.0 的一个简单解释 - 阮一峰的网络日志
做前后端分离项目前,劝你先了解 OAuth2.0 的四种授权方式

(22 封私信 / 68 条消息) 第三方授权 - 知乎

基于角色的访问控制(Role-Based Access Control ,RBAC)

pig-mesh

pig-mesh
pig-mesh/pig: 🚀 The best rbac web framework. base on Spring Boot 2.4、 Spring Cloud 2020、 OAuth2 . Thx Give a star
pig-mesh/idempotent-spring-boot-starter: spring boot idempotent starter

tangdao: Tangdao 是一个基于角色的授权(RBAC - Role-Based Authorization)的综合权限系统,用于提供和配置(集中授权)认证策略在服务运行时的访问权限。

中央认证服务(Central Authentication Service,CAS)

CollectiveOAuth: .Net平台(C#) 史上最全的整合第三方登录的开源库 => 环境支持 .NET Framework 4.5 ~ 4.6.2 和 .NetCore 3.1。目前已包含Github、Gitee、钉钉、百度、支付宝、微信、企业微信、腾讯云开发者平台(C
CAS | Apereo
CAS实现单点登录_网络_heyeqingquan的博客-CSDN博客
CAS原理 - 简书
java并发编程中的CAS机制,你理解嘛?

前端登录,这一篇就够了
前端真的能做到彻底权限控制吗?
JavaScript 中的位运算和权限设计(前端权限控制实现方案)
复杂的权限按钮控制优化 · 语雀

用户体验

前端如何提高用户体验:增强可点击区域的大小

直播

直播原理与web直播实战
直播开发入门学习笔记 | Alan Hou的个人博客
微信小程序 & H5直播开发从入门到精通 - 简书

搜索

命名实体识别(Named Entity Recognition,NER)

美团搜索中NER技术的探索与实

支付系统&订单

钱被扣走了,但是订单却未成功!支付掉单异常最全解决方案 - 小黑十一点半
一笔订单,但是误付了两笔钱!这种重复付款异常到底该如何解决?
一篇文章搞清电商订单结算页面设计?_TIGERB的技术博客-CSDN博客

数学

从勾股定理到余弦相似度-程序员的数学基础

前端智能化

阿里前端智能化方向 2020年中总结和反思
前端智能化 2020 年中总结和反思

高并发(Highly Concurrent)

souvikhaldar/huntsman: A versatile and highly concurrent malware written in golang.
高并发,你真的理解透彻了吗?
A Design Framework for Highly Concurrent Systems (待翻译)_qiutongyeluo的专栏-CSDN博客

服务端渲染(Server Side Render,SSR)

飞猪营销域SSR总结 - 双十一会场再加速
实现SSR服务端渲染
关于 SSR 内容一致性的问题
基于 React.js 和 Node.js 的 SSR 实现方案

OpenJS Foundation
《图解CSS3:核心技术与案例实战》_我的书 教程_w3cplus
常见的web开发问题以及避免方式
40 人团队 | 芋头 - 如何带领前端架构团队突破价值困局
百万TPS高吞吐、秒级低延迟,阿里​搜索离线平台如何实现?
你以为文言编程只是闹着玩?三个月后,人家IDE、教程、包管理器都有了

$大前端 面试、资源、整理集&FAQ

¥大前端面试

#前端面试--github

yangshun/front-end-interview-handbook: 🕸 Almost complete answers to "Front-end Job Interview Questions" which you can use to interview potential candidates, test yourself or completely ignore
InterviewMap/CS-Interview-Knowledge-Map: Build the best interview map. The current content includes JS, network, browser related, performance optimization, security, framework, Git, data structure, algorithm, etc.
erbing/blog: 前端基础积累 / 新技术 / Vue / React / H5 / 奇怪的BUG / 面试 / 招聘
jirengu/frontend-interview: 前端笔试面试题题库
Jobeir/front-end-interview-preparation-guide: The single source for preparing for a Frontend interview
bcherny/frontend-interview-questions: Answers for https://performancejs.com/post/hde6d32/The-Best-Frontend-JavaScript-Interview-Questions-(Written-by-a-Frontend-Engineer)
CyC2018/Interview-Notebook: 准备秋招学习笔记
InterviewMap/InterviewMap: Build the best interview map. The current content includes JS, network, browser related, performance optimization, security, framework, Git, data structure, algorithm, etc.
Advanced-Frontend/Daily-Interview-Question: 我是木易杨,公众号「高级前端进阶」作者,每天搞定一道前端大厂面试题,祝大家天天进步,一年后会看到不一样的自己。
Advanced-Interview-Question/front-end-interview: A list of interview for front-end developer(前端开发者面试清单)
front-end-interview-handbook/javascript-questions.md at master · yangshun/front-end-interview-handbook
shfshanyue/Daily-Question: 每天一道面试题,有关前端,后端,devops以及软技能,促进职业成长,敲开大厂之门。
qq449245884/xiaozhi
h5bp/Front-end-Developer-Interview-Questions: A list of helpful front-end related questions you can use to interview potential candidates, test yourself or completely ignore.
webVueBlog/interview-answe: 【建议👍】前端面试日更解答 interview-answe 1+1,提倡每日学习与思考,每天进步一点!大厂高级前端面试题整理(死磕自己,愉悦大家)
LuckyWinty/fe-weekly-questions: A pro to record some interview questions every week...
lydiahallie/javascript-questions: A long list of (advanced) JavaScript questions, and their explanations
sjsdfg/Interview-Notebook-PDF: https://github.com/CyC2018/Interview-Notebook PDF版本离线阅读
yangshun/front-end-interview-handbook: 🕸 Almost complete answers to "Front-end Job Interview Questions" which you can use to interview potential candidates, test yourself or completely ignore
haizlin/fe-interview: 前端面试每日 3+1,以面试题来驱动学习,提倡每日学习与思考,每天进步一点!每天早上5点纯手工发布面试题(死磕自己,愉悦大家)
tang-yue/scriptoj: scriptoj 所有题目整理 http://scriptoj.mangojuice.top/problems?tag=all
ponkans/F2E: 🔥【互联网一线大厂面试+学习指南】大前端进阶知识扫盲,前端同学必看,后端同学也能看懂,看不懂你加我微信骂我渣男就好了!😊 近期在写 Node.js 及工程化系列。(欢迎star,持
2020年前端面试复习必读精选文章【赠复习导图】 · Issue #39 · axuebin/articles
LinDaiDai/niubility-coding-js: 📒霖呆呆的个人博客汇总
coffe1891/frontend-hard-mode-interview: 《前端内参》帮助前端工程师们夯实技术以通过一线互联网企业技术面试。日拱一卒,一年下来你会惊叹自己的进步。
dyweb/awesome-resume-for-chinese: 适合中文的简历模板收集(LaTeX,HTML/JS and so on)由 @hoochanlon 维护
dyweb/Deedy-Resume-for-Chinese: 适合应届毕业生的 LaTeX 简历模板
deedy/Deedy-Resume: A one page , two asymmetric column resume template in XeTeX that caters to an undergraduate Computer Science student
easychen/career-guide-for-cs-graduate: 计算机系应届生求职指北
geekcompany/ResumeSample: Resume template for Chinese programmers . 程序员简历模板系列。包括PHP程序员简历模板、iOS程序员简历模板、Android程序员简历模板、Web前端程序员简历模板、Java程序员简历模板、C/C++程序员简历模板、NodeJS程序员简历模板、架构师简历模板以及通用程序员简历模板
Moosphan/Android-Daily-Interview: 每工作日更新一道 Android 面试题,小聚成河,大聚成江,共勉之~
FAQGURU/FAQGURU: A list of interview questions. This repository is everything you need to prepare for your technical interview.
lgwebdream/FE-Interview: 前端面试必备题库,1000+面试真题,Html、Css、JavaScript、Vue、React、Node、TypeScript、Webpack、算法、网络与安全、浏览器
FEGuideTeam/FEGuide: 【前端面试题+前端学习+面试指南】 一份涵盖大部分前端工程师所需要掌握的核心知识。这个项目就是为了帮助那些找工作的前端开发工程师去回顾前端的基础知识,如果你不想找工作,也可以通过查看这些面试问题去巩固你的前端技能。
yisainan/web-interview: 我是「齐丶先丶森」,公众号「前端面试秘籍」作者,收集整理全网面试题及面试技巧,旨在帮助前端工程师们找到一份好工作!
blog/juejin-interview.md at master · shfshanyue/blog
azl397985856/fe-interview: 宇宙最强的前端面试指南 (https://lucifer.ren/fe-interview)
blog/fe-interview.md at master · biaochenxuying/blog
CavsZhouyou/Front-End-Interview-Notebook: 前端面试复习笔记
FrontEndGitHub/FrontEndGitHub: [前端GitHub]:专注于挖掘优秀的前端开源项目,抹平你的前端信息不对称,涵盖 JavaScript、Vue、React、Node、小程序、Flutter、Deno、HTML、CSS 等。
poetries/FE-Interview-Questions: 前端面试常考问题整理,按模块知识点分类 Front-end-Developer-Questions by Modules and knowledge
wx-chevalier/Web-Series: 现代 Web 开发语法基础与工程实践,涵盖 Web 开发基础、前端工程化、应用架构、性能与体验优化、混合开发、React 实践、Vue 实践、WebAssembly 等多方面。
HerbertKarajan/Fe-Interview-questions: 目前最全的前端开发面试题及答案
wangwenjie1314/webQd: web前端面试的知识点
huruji/FE-Interview: 前端面试题大合集——小菜鸟前端面试大作战
cuitianze/Front-end-Developer-Interview-Questions-of-Chinese: 高级前端开发工程师面试题(不定期更新)
shfshanyue/interview-api: 关于面试每日一题的 graphql api server
qdleader/qdleader
salomonelli/best-resume-ever: Build fast and easy multiple beautiful resumes and create your best CV ever! Made with Vue and LESS.
qianbin01/frontend_train: 2018前端常见题汇总,不定时更新
sudheerj/javascript-interview-questions: List of 1000 JavaScript Interview Questions
ShameCom/ShameCom: 收集校招污点公司或组织,帮助学弟学妹避雷。互联网不曾遗忘!

#前端面试--掘金

《算法面试题》

算法面试题 | 高楼丢鸡蛋(源自谷歌面试题)
算法面试题 | 链表相交 & 成环问题
算法面试题 | 链表问题总结
算法面试题 | 回溯算法解题框架

《前端面试查漏补缺》

前端面试查漏补缺--(一) 防抖和节流 - 掘金
前端面试查漏补缺--(二) 垃圾回收机制 - 掘金
前端面试查漏补缺--(三) 跨域及常见解决办法 - 掘金
前端面试查漏补缺--(四) 前端本地存储 - 掘金
前端面试查漏补缺--(五) 渲染机制及重绘和回流 - 掘金
前端面试查漏补缺--(六) 浏览器缓存 - 掘金
前端面试查漏补缺--(七) XSS攻击与CSRF攻击 - 掘金
前端面试查漏补缺--(八) 前端加密 - 掘金
前端面试查漏补缺--(九) HTTP与HTTPS - 掘金
前端面试查漏补缺--(十) 前端鉴权 - 掘金
前端面试查漏补缺--(十一) 前端软件架构模式MVC/MVP/MVVM - 掘金
前端面试查漏补缺--(十二) 从输入URL到看到页面发生的全过程(含三握手,四挥手详解) - 掘金
前端面试查漏补缺--(十三) 内存泄漏 - 掘金
前端面试查漏补缺--(十四) 算法及排序 - 掘金
前端面试查漏补缺--(十五) Event Loop - 掘金

《前端面试题系列》

「前端面试题系列1」今日头条 面试题和思路解析 - 掘金
「前端面试题系列2」如何实现一个圣杯布局? - 掘金
「前端面试题系列3」伪类与伪元素的区别及实战 - 掘金
「前端面试题系列4」this的原理以及用法 - 掘金
「前端面试题系列5」ES6 中箭头函数的用法 - 掘金
「前端面试题系列6」理解函数的柯里化 - 掘金
「前端面试题系列7」JavaScript 中的事件机制(从原生到框架) - 掘金
「前端面试题系列8」数组去重(10 种浓缩版) - 掘金

《前端面试必会》

前端面试必会 | 一文读懂 JavaScript 中的作用域和作用域链 - 掘金
前端面试必会 | 一文读懂 JavaScript 中的闭包 - 掘金
前端面试必会 | 一文读懂现代 JavaScript 中的变量提升 - let、const 和 var - 掘金
前端面试必会 | 一文读懂 JavaScript 中的 this 关键字 - 掘金
前端面试必备 | 使用原型和构造函数创建对象(原型篇:上) - 掘金
前端面试必备 | 古怪的原型(鸡生蛋还是蛋生鸡)(原型篇:中) - 掘金
前端面试必备 | 5000字长文解释千万不能错过的原型操作方法及其模拟实现(原型篇:下) - 掘金

《看完这几道 JavaScript 面试题,让你与考官对答如流》

看完这几道 JavaScript 面试题,让你与考官对答如流(上) - 掘金
看完这几道 JavaScript 面试题,让你与考官对答如流(中) - 掘金
看完这几道 JavaScript 面试题,让你与考官对答如流(下) - 掘金

《三年大厂面试官》

【周刊-1】三年大厂面试官-面试题精选及答案 - 掘金
【周刊-2】三年大厂面试官-前端面试题(偏难) - 掘金
【周刊-3】三年大厂面试官-十道前端面试题(欢迎挑战) - 掘金
小蝌蚪系列:三年大厂面试官——二面题(偏难) - 掘金

《挑战一轮大厂后的面试总结》

挑战一轮大厂后的面试总结 (含六个方向) - css 篇 - 掘金
挑战一轮大厂后的面试总结 (含六个方向) - 浏览器 篇 - 掘金
挑战一轮大厂后的面试总结 (含六个方向) - nodejs 篇 - 掘金
挑战一轮大厂后的面试总结 (含六个方向) - javascript 篇(万字长文) - 掘金

《面试官问》

面试官问:能否模拟实现JS的new操作符 - 掘金
面试官问:能否模拟实现JS的bind方法 - 掘金
面试官问:能否模拟实现JS的call和apply方法 - 掘金
面试官问:JS的this指向 - 掘金
面试官问:JS的继承 - 掘金

《大前端吊打面试官系列》

🔥 《大前端吊打面试官系列》 之面试备战篇(近几十万字持续更新中,建议收藏~) - 掘金
🔥 动画:《大前端吊打面试官系列》 之原生 JavaScript 精华篇 - 掘金
🔥(已更新3.1w字)《大前端吊打面试官系列》 之 ES6 精华篇(2020年) - 掘金
(已更新 4.1 W字)大前端面试系列之Vue 2.0 核心原理(上) - 掘金

《全栈问题汇总》

日问周刊 | 全栈问题汇总 | 第一期 - 掘金
日问周刊 | 全栈面试汇总 | 第二期 - 掘金
日问周刊 | 全栈面试汇总 | 第三期 - 掘金
日问周刊 | 全栈面试汇总 | 第四期 - 掘金
日问周刊 | 全栈面试汇总 | 第五期 - 掘金
日问周刊 | 全栈面试汇总 | 第六期 - 掘金
日问周刊 | 全栈面试汇总 | 第七期 - 掘金
日问周刊 | 全栈面试汇总 | 第八期 - 掘金
日问周刊 | 全栈面试汇总 | 第九期 - 掘金
日问周刊 | 全栈面试汇总 | 第十期 - 掘金
全栈面试汇总周刊 | 第十一期 - 掘金
全栈面试汇总 | 第十二期 - 掘金

《前端一面基础知识》

前端一面基础知识 ①——CSS面试题
前端一面基础知识 ②——作用域和闭包(面试场景题)
前端一面基础知识 ③——异步(面试场景题)
前端一面基础知识 ④——事件与DOM
前端一面基础知识 ⑤——Http、Ajax、跨域(看图轻松掌握HTTP面试相关知识)
前端一面基础知识 ⑥——性能优化、Web安全、Linux常用命令

中高级前端大厂面试秘籍,为你保驾护航金三银四,直通大厂(上)
(中篇)中高级前端大厂面试秘籍,寒冬中为您保驾护航,直通大厂
(下篇)中高级前端大厂面试秘籍,寒冬中为您保驾护航,直通大厂
80道前端面试经典选择题汇总 - 掘金
初中级前端面试题 - 掘金
面经合集 | 面试不用愁,掘友能解忧,一批大厂面试经验新鲜出炉啦~ - 掘金
阿里前端攻城狮们写了一份前端面试题答案,请查收 - 掘金
面试被问项目经验不用慌,按这个步骤回答绝对惊艳 - 掘金
面试完50个人后我写下这篇总结 - 掘金
在阿里我是如何当面试官的(持续更新) - 掘金
面试分享:两年工作经验成功面试阿里P6总结 - 掘金
浪子神剑 的个人主页 - 专栏 - 掘金
2018大厂高级前端面试题汇总 - 掘金
2018年前端面试总结 - 掘金
【半月刊】前端高频面试题及答案汇总 - 掘金
世界顶级公司的前端面试都问些什么 - 掘金
2万5千字大厂面经 | 掘金技术征文 - 掘金
五年面试,三年模拟(题库长期维护) - 掘金
前端面试题总结(js、html、小程序、React、算法、vue 、全栈热门视频资源) - 掘金
前端面试题全面整理-带解析 涵盖(css、js、浏览器、vue、react、移动web、前端性能、算法、node) - 掘金
【2019/09/18】前端面试 - 掘金
【前方高能】新手到高级前端攻城狮都用的上的前端面试题库,备战明年金三银四 - 掘金
10个你在JavaScript面试前需要掌握的概念 - 掘金
JS题目之数组数据拆分重组转成嵌套对象,让脑细胞活跃下 - 掘金
[译] 以面试官的角度来看 React 工作面试 - 掘金
如何通过前端面试 - 掘金
七篇前端面试必考知识点,助你一臂之力 - 掘金
前端面试——网络以及浏览器相关 - 掘金
前端面试——JavaScript - 掘金
前端面试——Vue - 掘金
2019年17道高频React面试题及详解 - 掘金
如何答一道惊艳面试官的数组去重问题? - 掘金
可能是一份最适合你的后端面试指南(部分内容前端同样适用)| 掘金技术征文 - 掘金
几个js笔试题助力金三银四 - 掘金
2020 前端面试 | 第一波面试题总结 - 掘金
2020 前端面试 | 第二波面试题总结 - 掘金
年底面试之JavaScript总结(用心收集) - 掘金
JavaScript常见笔试题(持续更新) - 掘金
前端面试大厂手写源码系列(上) - 掘金
中高级前端面试题(万字长文) - 掘金
看完跳槽少说涨 5 K,前端面试从准备到谈薪完全指南(近万字精华) - 掘金
【建议星星】要就来45道Promise面试题一次爽到底(1.1w字用心整理) - 掘金
面试时,你被要求手写常见原理了吗? - 掘金
💦【何不三连】做完这48道题彻底弄懂JS继承(1.7w字含辛整理-返璞归真) - 掘金
高频面试手写代码满分答案! (2w字) - 掘金
【笔试题👋】分享一道有意思的arguments笔试题 - 掘金
🔥【何不三连】比继承家业还要简单的JS继承题-封装篇(牛刀小试) - 掘金
JS 原生面经从初级到高级【近1.5W字】 - 掘金
2020前端面试必备算法 - 掘金
《吐血整理》系列 春招前端 17k 的水平 | 掘金技术征文 - 掘金
2020年前端面试复习必读文章【超百篇文章/赠复习导图】 - 掘金
一位前端小姐姐的五万字面试宝典 - 掘金
第四期|前端如何搞规,P4-P7的认知(第四届前端早早聊大会感悟) - 掘金
教你如何写初/高级前端简历【赠简历导图】 - 掘金
今年行情这么差,到底如何进大厂? - 掘金
阿里巴巴盒马前端上岸总结 - 掘金
【面试题】CSS知识点整理(附答案) - 掘金
艺术喵 2 年前端面试心路历程(字节跳动、YY、虎牙、BIGO)| 掘金技术征文 - 掘金
进入大厂的面试经验(P7) - 掘金
五月中级前端面试报告 - 掘金
『1W7字中高级前端面试必知必会』终极版 - 掘金
面试系列——面经汇总 - 掘金
前22年的Loser,后4年和自己赛跑的人 | 最惨前端面经 - 掘金
【建议👍】再来40道this面试题酸爽继续(1.2w字用手整理) - 掘金
霖呆呆的近期面试128题汇总(含超详细答案) | 掘金技术征文 - 掘金
🚩四年前端在CSS面试上跪了/(ㄒoㄒ)/~~ - 掘金
【1 月最新】前端 100 问:能搞懂 80% 的请把简历给我 - 掘金
前端面试考点多?看这些文章就够了(2019年6月更新版) - 掘金
web前端面试总结(自认为还算全面哈哈哈哈哈!!!!) - 掘金
前端高频面试题整理 前端两年-月入30K | 掘金技术征文 - 掘金
html篇--这可能是目前较为全面的html面试知识点了吧
css篇--100道近两万字帮你巩固css知识点 - 掘金
javascript篇--1.6万字带你回忆那些遗忘的JS知识点 - 掘金
13期前端冲刺必备指南-this/call/apply/bind(万字长文) - 掘金
霖呆呆的中大厂面试记录及2年前端薪资对比(附赠学习方法)
[查缺补漏]再来100道JS输出题酸爽继续(共1.8W字)
你不知道的React 和 Vue 的20个区别【面试必备】
【建议星星】要就来45道Promise面试题一次爽到底(1.1w字用心整理)
2020最新:100道有答案的前端面试题(上)
2020最新:100道有答案的前端面试题(下)
由浅入深,66条JavaScript面试知识点
2020字节跳动我总结了以下扎心❤面试题
「查缺补漏」送你 54 道 JavaScript 面试题
前端面试总结2020年8月16家公司(附真实面试题)1
前端面试总结2020年8月16家公司(附真实面试题)2
面试后记(持续更新中,每天十个知识点,感谢关注...)
「查缺补漏」送你18道浏览器面试题
「一劳永逸」送你21道高频JavaScript手写面试题
阿里实习 90 天:从实习生的视角谈谈个人成长
前端10个灵魂拷问 吃透这些你就能摆脱初级前端工程师!
(2.6w字)网络知识点灵魂拷问——前端面试必问
「查缺补漏」我的2020前端面试秘籍,为你秋招保驾护航
Vue 面试题汇总(持续更新中...)
32个手写JS,巩固你的JS基础(面试高频)
救救自己,别再这样写简历了|掘金技术征文
[万字长文]百度和好未来面试经含答案 | 掘金技术征文
前端面试常见的手写功能
毕业一年升P6的前端晋升总结 | 掘金征文
2021年前端面试必读文章【超三百篇文章/赠复习导图】
面筋系列①——滴滴sp一面面试真题
面筋系列②——滴滴实习生一面凉经
高频JS手撕面试题(尊享版)
「灵魂之作」2020斩获30道高频JS手撕面试题
非科班二本前端大厂面试的心路历程和总结(腾讯、头条、阿里、京东) | 掘金技术征文
2年前端暑期面试打怪升级(收获多份offer)
在阿里我是如何当面试官的
面试分享:两年工作经验成功面试阿里P6总结
字节跳动今日头条前端面经(4轮技术面+hr面)
【从青铜到钻石】3 年创业公司成长经历 && 面试总结
而立之年——回顾我的前端转行之路
上海莉莉丝、米哈游、B站、小红书、得物等互联网公司前端面试总结
106 道面向初中级前端的基础面试题

#前端面试--CSDN

#前端面试--简书

#前端面试--SegmentFault 思否

如何做出亮点 - 磐冲小记 - SegmentFault 思否

#前端面试--知乎

新手前端的面经总结(已拿网易offer) - 知乎

#前端面试--博客园

#前端面试--哔哩哔哩

#前端面试--语雀

#前端面试--微信

《前端面试必备》

前端面试必备 | 5000字长文解释千万不能错过的原型操作方法及其模拟实现(原型篇:下)
前端面试必备 | 古怪的原型(鸡生蛋还是蛋生鸡)(原型篇:中)
前端面试必备 | 使用原型和构造函数创建对象(原型篇:上)
前端面试必会 | 一文读懂 JavaScript 中的 this 关键字
面试必备 | 一文读懂现代 JavaScript 中的变量提升 - let、const 和 var
前端面试必会 | 一文读懂 JavaScript 中的闭包
前端面试必会 | 一文读懂 JavaScript 中的作用域和作用域链

《挑战一轮大厂后的面试总结》

挑战一轮大厂后的面试总结 (含六个方向) - javascript 篇(万字长文)
挑战一轮大厂后的面试总结 (含六个方向) - 浏览器 篇
挑战一轮大厂后的面试总结 (含六个方向) - nodejs 篇
挑战一轮大厂后的面试总结 (含六个方向) - css 篇
挑战一轮大厂后的面试总结 (含六个方向) - 框架(vue)和工程相关
挑战一轮大厂后的面试总结 (含六个方向) - 面试技巧篇(完结)

一年半工作经验是如何搞定阿里面试的
我在阿里招前端,我该怎么帮你?(文末有惊喜)
阿里大佬手把手教你轻松拿到阿里offer
1.5年经验如何准备阿里巴巴 P6 前端面试
涨薪 30 % 以上,看这篇万字干货就行(留言点赞抽奖)
面试常考手写代码学习技巧总结
面试总结:移动web设计与开发
【前端大神面考面试官系列】入门Vue全家桶
面试必备-递归思想与实战
掘金前端,后端,移动端面试文章大合集
初中级前端面试题目汇总和答案解析
十几道含答案的大厂面试题总结
面试官:CSS如何实现固定宽高比?
干货!阿里P6手写源码面试题集锦
几道前端p6笔试题
校招阿里淘系前端面经(五轮技术面)
2020 金三银四 大前端冲刺大厂面试题必备 【上篇】
2020年 大前端冲刺大厂面试题集锦 【二】
各种手写源码实现
75个JavaScript面试题集锦,内含解答,自测 JS 掌握程度
https://mp.weixin.qq.com/s?__biz=MzI0MzIyMDM5Ng==&mid=2649826842&idx=1&sn=33b37579c6df934e680dec0747940ac5&chksm=f175ecd9c60265cfd6933201c238fc7c160278150a00fbb94f89b3e5ad78ff7569e021eb8732&mpshare=1&scene=23&srcid=&sharer_sharetime=1589107869742&sharer_shareid=c4ff3c0072f45c02ec37111084873c94#rd
前端面试128问汇总(含超详细答案)
【面试】JavaScript 面向对象面试题(上)
干货!阿里P6手写源码面试题集锦
【面试】764高频前端开发面试问题及答案整理
75 道 JavaScript 面试题, 2.5 万字刷个够

51nod

登录-51Nod
最新动态

LeetCode

《LeetCode 攻略》

LeetCode 攻略 - 2019 年 6 月汇总(30 题攻略)
LeetCode 攻略 - 2019 年 7 月上半月汇总(55 题攻略)
LeetCode 攻略 - 2019 年 7 月下半月汇总(100 题攻略)
LeetCode 攻略 - 2019 年 8 月上半月汇总(109 题攻略)

#azl397985856

azl397985856/leetcode: LeetCode Solutions: A Record of My Problem Solving Journey.( leetcode题解,记录自己的leetcode解题之路。)
Introduction - 力扣加加 - 努力做西湖区最好的算法题解
azl397985856/daily-featured: 每天给你推荐一个新奇,好玩,高品质的开源库,好文,观点或言论等。
力扣
azl397985856 (lucifer)

#halfrost

LeetCode-Go

halfrost/LeetCode-Go: ✅ Solutions to LeetCode by Go, 100% test coverage, runtime beats 100% / LeetCode 题解
Release Algorithm Template · halfrost/LeetCode-Go
序 | LeetCode Cookbook

halfrost (halfrost)

#labuladong

labuladong/fucking-algorithm: 手把手撕LeetCode题目,扒各种算法套路的裤子。English version supported! Crack LeetCode, not only how, but also why.
开篇词 - labuladong 的算法教程

#MisterBooo

MisterBooo/LeetCodeAnimation: Demonstrate all the questions on LeetCode in the form of animation.(用动画的形式呈现解LeetCode题目的思路)

doocs/leetcode: 😏 LeetCode solutions in any programming language | 多种编程语言实现 LeetCode、《剑指 Offer(第 2 版)》、《程序员面试金典(第 6 版)》题解
bonfy/leetcode: leetcode刷题 内附leetcode solution代码自动下载生成器(Leetcode solution auto generator)
tangweikun/awesome-leetcode: A collection of awesome leetcode solutions
soulmachine/leetcode: LeetCode题解,151道题完整版
cunzaizhuyi/js-leetcode: Leetcode solutions by JavaScript
lxr17/leetcode: LeetCode练习
LeetCode - The World's Leading Online Programming Learning Platform
力扣(LeetCode)官网 - 全球极客挚爱的技术成长平台
在vscode中配置LeetCode插件,从此愉快地刷题 - 掘金
(5 封私信 / 82 条消息) 力扣(LeetCode) - 知乎

LintCode

LintCode
九章算法 - 帮助更多中国人找到好工作,硅谷顶尖IT企业工程师实时在线授课为你传授面试技巧
LintCode 领扣

牛客网

牛客网-找工作神器|笔试题库|面试经验|实习招聘内推,求职就业一站解决_牛客网
【第二弹】字节跳动7月份按岗位汇总算法高频题_笔经面经_牛客网
牛客题霸_C++Java前端经典笔试面试题库_在线编程_牛客网
那几个月在找工作(百度,网易游戏,华为)_笔经面经_牛客网
笔经面经_互联网求职学习交流_讨论区_牛客网
程序员代码面试指南_在线编程_牛客网
2019校招真题在线编程_牛客网
编程初学者入门训练_在线编程_牛客网
【程序员求职题库】互联网IT技术岗校园招聘实习笔试面试真题_牛客网
牛客题霸-求职必刷题_在线编程_牛客网
华为机试_在线编程_牛客网
剑指Offer_编程题_在线编程_牛客网

九章算法 - 帮助更多中国人找到好工作,硅谷顶尖IT企业工程师实时在线授课为你传授面试技巧
前端面试与进阶指南
题目 | ScriptOJ
字节跳动内推
收下这份面经!2020 阿里、美团、头条最新面试题总结来了

¥大前端资源

#前端资源--github

《我的职业是前端工程师》

phodal/fe: 《我的职业是前端工程师》 - Ebook:I'm a FrontEnd Developer
我的职业是前端工程师 –

30-seconds

30 seconds
30-seconds/30-seconds-of-code: Curated collection of useful Javascript snippets that you can understand in 30 seconds or less.
Chalarangelo/30-seconds-of-code: Curated collection of useful Javascript snippets that you can understand in 30 seconds or less.
Array - 30 seconds of code
30 seconds of code
30 秒就能理解的 JavaScript 代码片段(30 seconds of code)

33-js-concepts

leonardomso/33-js-concepts: 📜 33 concepts every JavaScript developer should know.
stephentian/33-js-concepts: 每个 JavaScript 工程师都应懂的33个概念 @leonardomso

JS前端开发联盟群

JS前端开发联盟群
src/book.md at master · jsfront/src
jsfront/month: 前端知识月刊
jsfront/jsfront.github.io: 前端联盟群官方网站
jsfront/qa: 群内知识问题代码比赛等
jsfront/Hybrid-Collection-App: Hybrid App群开源项目
jsfront/angular2.0-study: WIKE学习angluar的一些资料和心得,定期更新
jsfront/use-gulp: gulp资料收集
jsfront/cd-it-job: 针对成都IT小伙伴们的工作(招聘,求职)交流的微信订阅号项目。
jsfront/web.frontend.component: some jquery plugins extended by one core library called jquery plugin manager.
jsfront/template: html模板引擎
jsfront/toucher: 面向移动端的手势类库
jsfront/front-end-collect: 分享自己长期关注的前端开发相关的优秀网站、博客、以及活跃开发者
jsfront/src: 常用代码收集资源分享
Toucher by bh-lay

javascript.info

javascript-tutorial/zh.javascript.info: 现代 JavaScript 教程(The Modern JavaScript Tutorial)
javascript-tutorial/en.javascript.info: Modern JavaScript Tutorial
The Modern JavaScript Tutorial
现代 JavaScript 教程
An Introduction to JavaScript

webproblem

webproblem (小兴)
BeesX/BeesHybrid: This project aims to help more wireless development engineers understand and master hybrid development technology by providing a range of tools and methods.
webproblem/learning-article: 学习资源 or 大前端导航,持续更新
webproblem/Blog: 学习笔记和技术输出
webproblem/webproblem.github.io: 我的工程
webproblem/my-plugin: My first repository on GitHub,存放着一些独立的功能组件,可单独使用
webproblem/notebook: 前端攻城狮笔记,持续更新~(一起来维护呀!)

javascript · GitHub Topics
js · GitHub Topics
fe-store-house/README.md at master · poppinlp/fe-store-house
qianguyihao/Web: 前端入门和进阶学习笔记,超详细的Web前端学习图文教程。从零开始学前端,做一名精致的前端工程师。持续更新...
lanzhsh/react-vue-koa: Vue,React,微信小程序,快应用,TS , Koa, JS一把梭
bpesquet/thejsway: The JavaScript Way book
chenfengyanyu/my-web-accumulation: Jartto's webs laboratory(主要为博客提供 demo 素材)
veedrin/horseshoe: 🍧代号马蹄铁。以专题为单位的学习。目前已发布 { React专题 } { Redux专题 } { Regex专题 }
zenany/weekly: 汇总平时看到的好文章,前端技术 & 产品研发为主...
wxyyxc1992/Web-Series: 现代 Web 开发,现代 Web 开发导论 | 基础篇 | 进阶篇 | 架构优化篇 | React 篇 | Vue 篇
Web-Series/工具化与工程化.md at master · wxyyxc1992/Web-Series
wxyyxc1992/Coder-Roadmap: Interactive MindMap, RoadMap(Learning Path/Interview Questions), xCompass, Weekly for Developer, to Learn Everything in ITCS 程序员的技术视野、知识管理与职业规划,提高个人与团队的研发效能
freeCodeCamp/freeCodeCamp: The https://freeCodeCamp.org open source codebase and curriculum. Learn to code for free together with millions of people.
cachecats/coderiver: 致力于打造全平台全栈精品开源项目,计划做成包含 pc端(Vue、React)、移动H5(Vue、React)、ReactNative混合开发、Android原生、微信小程序、java后端的全平台型全栈项目,欢迎关
webmodules
KieSun/FE-advance-road: 进阶资深前端开发
USTB-musion/fee-skills: 觉得好请点小星星,有问题欢迎交流
jiangxia/FE-Knowledge
fengshi123/blog: 汇总发布的前端博文,大家一起交流学习,如果有帮助到您,欢迎 star ~
pigcan/blog: Here is my blog
da2k/curso-javascript-ninja: Curso Javascript Ninja
The Modern JavaScript Tutorial
mdn/learning-area: Github repo for the MDN Learning Area.
google/google-api-javascript-client: Google APIs Client Library for browser JavaScript, aka gapi.
d2forum/14th: 第十四届D2前端技术论坛「创心」
dennis-jiang/Front-End-Knowledges: 前端知识进阶
lateautumn4lin/Review_Reverse: 2019年末总结下今年做过的逆向,整理代码,复习思路。 拼夕夕Web端anti_content参数逆向分析 WEB淘宝sign逆向分析; 努比亚Cookie生成逆向分析; 百度指数data加密逆向分析 今
wesbos/JavaScript30: 30 Day Vanilla JS Challenge
julianshapiro/libscore: JavaScript library usage stats.
aliyunfe/weekly: 《阿里云前端技术周刊》
kujian/frontendDaily: 前端开发技术日报,每日分享互联网最精彩的前端技术、前端资讯、后端编程、设计和资源等,欢迎关注Watch
f2e-awesome/knowledge: 文档着重构建一个完整的「前端技术架构图谱」,方便 F2E(Front End Engineering又称FEE、F2E) 学习与进阶。
grab/front-end-guide: 📚 Study guide and introduction to the modern front end stack.
learn-anything/learn-anything: Organize world's knowledge, explore connections and curate learning paths
microsoft/frontend-bootcamp: Frontend Workshop from HTML/CSS/JS to TypeScript/React/Redux
poppinlp/fe-store-house: The front-end resource that gathered in my working days.
microsoft/Web-Dev-For-Beginners: 24 Lessons, 12 Weeks, Get Started as a Web Developer
lauragift21/awesome-learning-resources: 🔥 Awesome list of resources on Web Development.
stone0090/javascript-lessons: 本课程之所以叫做《JavaScript 闯关记》,是因为部分章节精心设计了挑战关卡,通过提供更多的实战机会,让大家可以循序渐进地、有目的地、有挑战地开展学习。
jhu-ep-coursera/fullstack-course4: Example code for HTML, CSS, and Javascript for Web Developers Coursera Course
DrkSephy/es6-cheatsheet: ES2015 [ES6] cheatsheet containing tips, tricks, best practices and code snippets
TheAlgorithms/Javascript: A repository for All algorithms implemented in Javascript (for educational purposes only)
kenberkeley/bigger-jser: 前端 JSer 装逼手册 (DEPRECATED)
Asabeneh/30-Days-Of-JavaScript: 30 days of JavaScript programming challenge is a step by step guide to learn JavaScript programming language in 30 days
julycoding/The-Art-Of-Programming-By-July: 本项目曾冲到全球第一,干货集锦见本页面最底部,另完整精致的纸质版《编程之法:面试和算法心得》已在京东/当当上销售
thejsway/thejsway: The JavaScript Way book
Mindmap · 金色小芝麻/jiujin - 码云 - 开源中国

#前端资源--掘金

2万字 | 前端基础拾遗90问 - 掘金
震惊!生产力提效 300% 的秘诀全公开 - 掘金
【译】JavaScript 完整手册 - 掘金
通过讲故事搞定前端网络知识 - 掘金
前端2018年精选好文,请打包带走 - 前端 - 掘金
个人分享--web前端学习资源分享 - 掘金
[杂谈]了解一些额外知识,让前端开发锦上添花 - 掘金
2018 前端开发分享 - 掘金
前端常用功能小计(持续更新) - 掘金
技术周刊(2018-11-26 WebSocket) - 掘金
前端技术周刊 2018-12-03:DOM - 掘金
[译] 2018 前端全面回顾 - 掘金
JavaScript入门指南(学习笔记) 两万余字的基础总结 - 掘金
JavaScript 工具函数大全(新) - 掘金
想写好前端,先练好内功 - 掘金
写给初中级前端的高级进阶指南 - 掘金
移动前端开发和 Web 前端开发的区别是什么?
【KT】构建自己的前端知识体系
还在迷茫于前端如何入门和进阶?万字指南让你不再迷茫!
【小分享】JavaScript的小历史 - 掘金
我在阿里是怎么工作的——写在阿里入职一周年
大学四年自学走来,这些私藏的实用工具/学习网站我贡献出来了
山月的 2020 上半年总结 - 如何成为全栈工程师 | 掘金征文
阿里程序员常用的 15 款开发者工具
树酱的前端知识体系构建(上)
树酱的前端知识体系构建(下)
前端必备javascript书籍测评【含红宝书和绿皮书】
[译] 前端组件设计原则
大前端的技术原理和变迁史
【思维导图】前端开发JavaScript-巩固你的JavaScript知识体系
原生JS之苦

#前端资源--CSDN

JavaScript_X-Dragon的博客-CSDN博客
JavaScript基础知识全总结_June.1-CSDN博客_javascript基础知识总结

#前端资源--简书

#前端资源--SegmentFault 思否

(...) github上值得关注的前端项目_trigkit4 - SegmentFault 思否
前端学习资源汇总 - 个人文章 - SegmentFault 思否
javascript功能插件大集合,写前端的亲们记得收藏 - 专注WEB前端/微信小程序 - SegmentFault 思否
前端资源整理 - 订阅、工具等 - 张小猪左顾右盼 - SegmentFault 思否
前端技术资讯网站 - StepByStep - SegmentFault 思否
前端导航平台简介 - 个人文章 - SegmentFault 思否

#前端资源--知乎

前端技术漫游指南 - 知乎

#前端资源--博客园

JS代码大全 (都是网上看到 自己整理的) - 城堡没公主 - 博客园
有助于提高你的 Web 开发技能的7个模式库 - 梦想天空(山边小溪) - 博客园

#前端资源--哔哩哔哩

前端学习路线(仅供参考,持续更新) - 哔哩哔哩
2020最新版前端学习路线图 - 哔哩哔哩
web前端学习视频汇总(基础+高级+实战) - 哔哩哔哩
前端学习路线-和pink老师一起打造前端的学习家园 - 哔哩哔哩
前端 2019 学习路线(视频) - 哔哩哔哩
前端学习笔记之移动web布局ppt素材 - 哔哩哔哩
2020年最新版Web前端学习路线图-前端小白入门必读 - 哔哩哔哩
前端 2019 学习路线(视频) - 哔哩哔哩
你想要的前端软件在这里都有啦,去下载吧-pink老师用心收集,快快点赞收藏吧~~~ - 哔哩哔哩
2020最新IT学习路线图(Java、大数据、前端、运维、区块链、Python) - 哔哩哔哩
前端自学路线 - 哔哩哔哩

#前端资源--语雀

卖菜的前端 · 语雀
Cute-FrontEnd · 语雀

#前端资源--微信

Web前端开发高级前端技术(高级开发程序篇)
干货 | 第十四届 D2 前端技术论坛 20+ 份精彩演讲 PPT 分享
关于前端学习路线的一些建议(含面试自测题)
染陌的2019年度总结——我在阿里云做前端
「秘」那些管UI小姐姐要来的网站
牛人的常用软件大公开!

#前端资源--导航/集锦

史上最全GitHub前端开发集锦 | @Get社区
Awesomes-Web前端开发资源库
前端导航
前端网址导航-前端开发博客
前端导航-前端技术导航-前端网址导航-haorooms导航-前端博客
前端网址导航-大前端
在线工具 —— OSCHINA.NET社区
脚本之家在线工具

456bereastreet

456 Berea Street: Articles and news on web standards, accessibility, and usability
Archive | 456 Berea Street

百度Web前端技术学院(Baidu Institute of Front-End Technology,IFE)

baidu-ife/ife: Baidu Institute of Front-End Technology
百度前端技术学院
百度前端技术学院
百度前端技术学院

Learn JavaScript
Plunker - Helping you build the web
JS Bin - Collaborative JavaScript Debugging
Spectrum
Open Hub, the open source network
SourceForge - Download, Develop and Publish Free Open Source Software
Welcome To PKU JudgeOnline
Welcome to Hangzhou Dianzi University Online Judge
Inigo Quilez :: fractals, computer graphics, mathematics, shaders, demoscene and more
Attention Required! | Cloudflare
AtCoder
Timus Online Judge
Sphere Online Judge (SPOJ)
Topcoder | Design & Build High-Quality Software with On-Demand Talent
Codeforces
Javascript | Web Design and Web Development news, javascript, angular, react, vue, php
The Code Barbarian | www.thecodebarbarian.com
HTML, CSS, and JavaScript Tutorials, References, and Articles | HTML Dog
Robin
JavaScript 标准参考教程(alpha) -- JavaScript 标准参考教程(alpha)
JavaScript学习指南:JS入门教程(非常详细)
Web前端零基础到高薪就业之javascript/js教程-学习视频教程-培训课程-腾讯课堂
编程类中文开源电子书合集 - 开源工场
ezgo Linux 免费、公益、面向教育的开源电脑操作系统
开源工场 - Opening Source
开放教育反应堆 Open Education Fusion | (筹)开放教育基金会 Open Education Foundation
工具哇!- 在线工具集

¥大前端整理集

#前端整理集--github

#CheatSheet&CheckList

Front-End-Checklist

thedaviddias/Front-End-Checklist: 🗂 The perfect Front-End Checklist for modern websites and meticulous developers

Front-End-Performance-Checklist

thedaviddias/Front-End-Performance-Checklist: 🎮 The only Front-End Performance Checklist that runs faster than the others
Front-End Performance Checklist 2019 [PDF, Apple Pages, MS Word] — Smashing Magazine

Awesome-CheatSheets/JavaScript-CheatSheet.md at master · wxyyxc1992/Awesome-CheatSheets
Awesome-CheatSheets/DOM-CheatSheet.md at master · wxyyxc1992/Awesome-CheatSheets
Awesome-CheatSheets/CSS-CheatSheet.md at master · wxyyxc1992/Awesome-CheatSheets
Awesome-CheatSheets/React-CheatSheet.md at master · wxyyxc1992/Awesome-CheatSheets
Awesome-CheatSheets/Vue-CheatSheet.md at master · wxyyxc1992/Awesome-CheatSheets
Awesome-CheatSheets/Web/Tuning at master · wxyyxc1992/Awesome-CheatSheets
wxyyxc1992/Awesome-CheatSheets: Ultimate CheatSheets(Tutorials&MindMap), overview of syntax, features and practical tips, collection of useful code snippets, go from zero to hero at fly. 干货满满的全栈开发速学速查手册集锦
LeCoupa/awesome-cheatsheets: 👩‍💻👨‍💻 Awesome cheatsheets for popular programming languages, frameworks and development tools. They include everything you should know in one single file.

frontend-tech-list

alienzhou/frontend-tech-list: a frontend tech list for developers

free-programming-books

justjavac/free-programming-books-zh_CN: 免费的计算机编程类中文书籍,欢迎投稿
EbookFoundation/free-programming-books: Freely available programming books
FPB 2.0:免费的计算机编程类中文书籍 2.0 - SegmentFault 思否
resources - What is the single most influential book every programmer should read? - Stack Overflow
Page not found - Stack Overflow
一个合格的程序员应该读过哪些书 | justjavac(迷渡)

wtfjs

denysdovhan/wtfjs: 🤪 A list of funny and tricky JavaScript examples
wtfjs - npm
www.wtfpl.net

1c7/chinese-independent-developer: 👩🏿‍💻👨🏾‍💻👩🏼‍💻👨🏽‍💻👩🏻‍💻中国独立开发者项目列表 -- 分享大家都在做什么
Igglybuff/awesome-piracy: A curated list of awesome warez and piracy links
sorrycc/awesome-javascript: 🐢 A collection of awesome browser-side JavaScript libraries, resources and shiny things.
iamjoel/front-end-plugins: :whale2: Web 前端常用插件
Rain120/program-learning-lists: 整理我GitHub所有的star,并分类
KieSun/InterviewMap: Build the best interview map
verekia/js-stack-from-scratch: 🛠️⚡ Step-by-step tutorial to build a modern JavaScript stack.
chenggang321/JavaScript-note
windiest/Front-end-tutorial: 猫的前端回忆录 Cat's front memory, these share data are from my usual work and learning, hoping to help you, and hoping slowly improve, if you like you can star
ardakaracizmeli/design-system-checklist: An open-source checklist to help you plan, build and grow your design system.
工作中经常用到github上优秀、实用、轻量级、无依赖的插件和库 · Issue #10 · jawil/blog
P-P-X/awesome-collector: 1.01の法則
Geekhyt/front-end-canteen: 你的前端食堂,记得按时吃饭🍥
Daotin/notes: 🔥 前端进阶笔记,记录工作学习中遇到的问题和思考,建议加星,及时收到最新文章。
一个优秀的前端都应该阅读这些文章 · Issue #48 · Nealyang/PersonalBlog
littleTreeme/frontendThings: 《前端那些事》系列文章,分享前端
shenzekun/useful-tools: 🔨 一些有用的工具网站
react-vue-koa/index.html at master · lanzhsh/react-vue-koa
lanzhsh/bookmarks: 最实用的前端书签,持续更中
trailheadapps/lwc-recipes: A collection of easy-to-digest code examples for Lightning Web Components on Salesforce Platform
金色小芝麻/jiujin
wx-chevalier/ProgrammingLanguage-Series: 编程语言语法基础与工程实践,JavaScript | Java | Python | Go | Rust | CPP | Swift
wx-chevalier/JavaScript-Series: JavaScript Series, Mastering JavaScript & TypeScript from Zero to Hero.

#前端整理集--掘金

《19年你应该关注这50款前端热门工具》

19年你应该关注这50款前端热门工具(上)
19年你应该关注这50款前端热门工具(中)
19年你应该关注这50款前端热门工具(下)

《【前端帮帮忙】》

【前端帮帮忙】第1期 聊聊css居中那点事 - 掘金
【前端帮帮忙】第2期 Shadow DOM来了解一下 - 掘金
【前端帮帮忙】第3期 使用CSS的border属性绘制各种几何形状 - 掘金
【前端帮帮忙】第4期 使用纯CSS制作一个开关按钮 - 掘金
【前端帮帮忙】第5期 关于CSS权重,你了解多少? - 掘金
【前端帮帮忙】第6期 移动端使用video标签需要注意的一些问题 - 掘金
【前端帮帮忙】第7期 关于节流(throttle)和防抖(debounce)的理解 - 掘金
【前端帮帮忙】第8期 关于BFC,你需要了解的 - 掘金
【前端帮帮忙】第9期 你可能不知道的CSS隐藏页面元素的方法 - 掘金
【前端帮帮忙】第10期 浅析类数组对象 - 掘金

《DD每周前端七题详解》

DD每周前端七题详解-第一期
DD每周前端七题详解-第二期
DD每周前端七题详解-第三期
DD每周前端七题详解-第四期
DD每周前端七题详解-第五期
DD每周前端七题详解-第六期
DD每周前端七题详解-第七期

《JS 基础篇》

JS 基础篇(一):创建对象的四种方式 - 掘金
JS 基础篇(二):理解JS原型对象与原型链 - 掘金
JS 基础篇(三):原型继承 - 掘金
JS 基础篇(四):JS中的函数 - 掘金
JS 基础篇(五):JS严格模式 - 掘金
JS 基础篇(六):事件冒泡与捕获 - 掘金
JS 基础篇(七):Undefined与Null的区别 - 掘金
JS 基础篇(八):== 与 === 的区别 - 掘金
JS 基础篇(九):var、let、const的区别 - 掘金
JS 基础篇(十):JS的执行机制Event Loop --- 浏览器篇 - 掘金

《JS 应用篇》

JS 应用篇(一):JS获取元素的高度 - 掘金
JS 应用篇(二):判断JS数据类型方法介绍 - 掘金
JS 应用篇(三):JS中的遍历函数 - 掘金

《JS基础总结》

JS基础总结(1)——数据类型 - 掘金
JS基础总结(2)——原型与原型链 - 掘金
JS基础总结(3)——作用域和闭包 - 掘金
JS基础总结(4)——this指向及call/apply/bind - 掘金
JS基础总结(5)—— JS执行机制与EventLoop - 掘金

《JavaScript中级指南》

JavaScript中级指南-01 函数提升与变量提升(笔记) - 掘金
JavaScript中级指南-02 ES6常用知识点(2W余字学习笔记) - 掘金
JavaScript中级指南-03 面向对象编程 - 掘金
JavaScript中级指南-04 JS深浅拷贝原理及使用方式 - 掘金
JavaScript中级指南-05 JS中的堆和栈 - 掘金

《JavaScript进阶》

JavaScript进阶之原型和原型链 - 掘金
JavaScript进阶之执行上下文 - 掘金
Javascript进阶之变量对象 - 掘金
JavaScript进阶之作用域 - 掘金
JavaScript进阶之闭包 - 掘金
JavaScript进阶之继承原理 - 掘金
JavaScript进阶之LHS和RHS查询 - 掘金
JavaScript进阶之new的实现 - 掘金
JavaScript进阶之实现call、apply - 掘金
JavaScript进阶之bind方法的实现 - 掘金
JavaScript进阶之this指向 - 掘金
JavaScript进阶之浏览器Event-Loop - 掘金

《JavaScript深入》

JavaScript深入之执行上下文栈 - 掘金
JavaScript深入之变量对象 - 掘金
JavaScript深入之作用域链 - 掘金
JavaScript 深入之从 ECMAScript 规范解读 this - 掘金
JavaScript深入之执行上下文 - 掘金
JavaScript深入之闭包 - 掘金
JavaScript深入之参数按值传递 - 掘金
JavaScript深入之call和apply的模拟实现 - 掘金
JavaScript深入之bind的模拟实现 - 掘金
JavaScript深入之new的模拟实现 - 掘金
JavaScript 深入之类数组对象与 arguments - 掘金
JavaScript深入之创建对象的多种方式以及优缺点 - 掘金
JavaScript深入之继承的多种方式和优缺点 - 掘金
JavaScript深入系列15篇正式完结! - 掘金
JavaScript 深入之浮点数精度 - 掘金
JavaScript深入之头疼的类型转换(上) - 掘金
JavaScript深入之从原型到原型链 · Issue #2 · mqyqingfeng/Blog
JavaScript深入之词法作用域和动态作用域 · Issue #3 · mqyqingfeng/Blog
JavaScript深入之执行上下文栈 · Issue #4 · mqyqingfeng/Blog
JavaScript深入之变量对象 · Issue #5 · mqyqingfeng/Blog
JavaScript深入之作用域链 · Issue #6 · mqyqingfeng/Blog
JavaScript深入之从ECMAScript规范解读this · Issue #7 · mqyqingfeng/Blog
JavaScript深入之执行上下文 · Issue #8 · mqyqingfeng/Blog
JavaScript深入之闭包 · Issue #9 · mqyqingfeng/Blog
JavaScript深入之参数按值传递 · Issue #10 · mqyqingfeng/Blog
JavaScript深入之call和apply的模拟实现 · Issue #11 · mqyqingfeng/Blog
JavaScript深入之bind的模拟实现 · Issue #12 · mqyqingfeng/Blog
JavaScript深入之new的模拟实现 · Issue #13 · mqyqingfeng/Blog
JavaScript深入之类数组对象与arguments · Issue #14 · mqyqingfeng/Blog
JavaScript深入之创建对象的多种方式以及优缺点 · Issue #15 · mqyqingfeng/Blog
JavaScript深入之继承的多种方式和优缺点 · Issue #16 · mqyqingfeng/Blog
JavaScript深入系列15篇正式完结! · Issue #17 · mqyqingfeng/Blog
JavaScript 深入之浮点数精度 · Issue #155 · mqyqingfeng/Blog
JavaScript 深入之头疼的类型转换(上) · Issue #159 · mqyqingfeng/Blog
JavaScript深入之头疼的类型转换(下) · Issue #164 · mqyqingfeng/Blog

《JavaScript专题》

JavaScript专题之跟着underscore学防抖 - 掘金
JavaScript专题之跟着 underscore 学节流 - 掘金
JavaScript专题之数组去重 - 掘金
JavaScript专题之类型判断(上) - 掘金
JavaScript专题之类型判断(下) - 掘金
JavaScript专题之深浅拷贝 - 掘金
JavaScript 专题之从零实现 jQuery 的 extend - 掘金
JavaScript 专题之如何求数组的最大值和最小值 - 掘金
JavaScript 专题之数组扁平化 - 掘金
JavaScript专题之学underscore在数组中查找指定元素 - 掘金
JavaScript专题之jQuery通用遍历方法each的实现 - 掘金
JavaScript 专题之如何判断两个对象相等 - 掘金
JavaScript 专题之函数柯里化 - 掘金
JavaScript 专题之偏函数 - 掘金
JavaScript 专题之惰性函数 - 掘金
JavaScript专题之函数组合 - 掘金
JavaScript 专题之函数记忆 - 掘金
JavaScript专题之递归 - 掘金
JavaScript专题之乱序 - 掘金
JavaScript专题之解读 v8 排序源码 - 掘金
JavaScript专题系列20篇正式完结! - 掘金
JavaScript专题之跟着underscore学防抖 · Issue #22 · mqyqingfeng/Blog
JavaScript专题之跟着 underscore 学节流 · Issue #26 · mqyqingfeng/Blog
JavaScript专题之数组去重 · Issue #27 · mqyqingfeng/Blog
JavaScript专题之类型判断(上) · Issue #28 · mqyqingfeng/Blog
JavaScript专题之类型判断(下) · Issue #30 · mqyqingfeng/Blog
JavaScript专题之深浅拷贝 · Issue #32 · mqyqingfeng/Blog
JavaScript专题之从零实现jQuery的extend · Issue #33 · mqyqingfeng/Blog
JavaScript专题之如何求数组的最大值和最小值 · Issue #35 · mqyqingfeng/Blog
JavaScript专题之数组扁平化 · Issue #36 · mqyqingfeng/Blog
JavaScript专题之学underscore在数组中查找指定元素 · Issue #37 · mqyqingfeng/Blog
JavaScript专题之jQuery通用遍历方法each的实现 · Issue #40 · mqyqingfeng/Blog
JavaScript专题之如何判断两个对象相等 · Issue #41 · mqyqingfeng/Blog
JavaScript专题之函数柯里化 · Issue #42 · mqyqingfeng/Blog
JavaScript专题之偏函数 · Issue #43 · mqyqingfeng/Blog
JavaScript专题之函数组合 · Issue #45 · mqyqingfeng/Blog
JavaScript专题之函数记忆 · Issue #46 · mqyqingfeng/Blog
JavaScript专题之递归 · Issue #49 · mqyqingfeng/Blog
JavaScript专题之乱序 · Issue #51 · mqyqingfeng/Blog
JavaScript专题之解读 v8 排序源码 · Issue #52 · mqyqingfeng/Blog
JavaScript专题系列二十篇正式完结! · Issue #53 · mqyqingfeng/Blog
JavaScript 专题之花式表示 26 个字母 · Issue #166 · mqyqingfeng/Blog

《JavaScript进阶》

JavaScript进阶-执行上下文(理解执行上下文一篇就够了) - 掘金
JavaScript进阶-执行上下文栈和变量对象(一周一更) - 掘金
JavaScript进阶-内存空间详解(双十一过后的一更) - 掘金
JavaScript进阶-内存机制(表情包初探) - 掘金
JavaScript进阶-常见内存泄露及如何避免 - 掘金

《jsliang 求职系列》

jsliang 2020 求职系列
jsliang 求职系列 - 01 - JavaScript 基础
jsliang 求职系列 - 02 - 原型与原型链
jsliang 求职系列 - 03 - 闭包与柯里化
jsliang 求职系列 - 04 - JavaScript 变量
jsliang 求职系列 - 05 - this
jsliang 求职系列 - 06 - Event Loop
jsliang 求职系列 - 07 - Promise
jsliang 求职系列 - 08 - 手写 Promise
jsliang 求职系列 - 09 - 手写浅拷贝和深拷贝
jsliang 求职系列 - 10 - 手写 call/apply/bind
jsliang 求职系列 - 11 - 手写 new
jsliang 求职系列 - 12 - 手写防抖和节流
jsliang 求职系列 - 13 - JSONP
jsliang 求职系列 - 14 - 手写源码大杂烩
jsliang 求职系列 - 15 - 手写源码系列汇总
jsliang 求职系列 - 16 - 从输入 URL 到页面呈现
jsliang 求职系列 - 17 - 跨域
jsliang 求职系列 - 18 - 本地存储
jsliang 求职系列 - 19 - 垃圾回收
jsliang 求职系列 - 20 - 浏览器缓存
jsliang 求职系列 - 21 - 浏览器缓存
jsliang 求职系列 - 22 - 回流和重绘
jsliang 求职系列 - 23 - 性能优化
jsliang 求职系列 - 24 - 浏览器系列汇总
jsliang 求职系列 - 25 - 计算机网络基础
jsliang 求职系列 - 26 - 网络安全
jsliang 求职系列 - 27 - TCP
jsliang 求职系列 - 28 - WebSocket
jsliang 求职系列 - 29 - HTTP/HTTPS
jsliang 求职系列 - 30 - 计算机网络系列汇总
jsliang 求职系列 - 31 - Webpack
jsliang 求职系列 - 32 - Webpack 简单实现
jsliang 求职系列 - 33 - Webpack - Tree Shaking
jsliang 求职系列 - 34 -Webpack 杂篇
jsliang 求职系列 - 35 -Webpack 性能优化
jsliang 求职系列 - 36 - 前端工程化系列总结
jsliang 求职系列 - 37 - React - 虚拟 DOM
jsliang 求职系列 - 38 - React 系列总结
jsliang 求职系列 - 39 - HTML 系列总结
jsliang 求职系列 - 40 - CSS 移动端
jsliang 求职系列 - 41 - 盒子模型
jsliang 求职系列 - 42 - CSS 基础
jsliang 求职系列 - 43 - CSS 系列汇总
jsliang 求职系列 - 44 - 算法系列汇总
jsliang 求职系列 - 45 - 设计模式系列汇总
jsliang 求职系列 - 46 - 简历
jsliang 求职系列 - 47 - 2020 面试题汇总
jsliang 求职系列 - 48 - 面试经验汇总
jsliang 求职系列 - 49 - 2020 求职系列汇总【完结】

《原生JS灵魂之问》

(建议收藏)原生JS灵魂之问, 请问你能接得住几个?(上)
(建议精读)原生JS灵魂之问(中),检验自己是否真的熟悉JavaScript?
(2.4w字,建议收藏)😇原生JS灵魂之问(下), 冲刺🚀进阶最后一公里(附个人成长经验分享)

《前端技术演进》

前端技术演进:参考文章 - 掘金
前端技术演进(二):前端与协议 - 掘金
前端技术演进(三):前端安全 - 掘金
前端技术演进(四):前端三层结构与应用 - 掘金
前端技术演进(五):现代前端交互框架 - 掘金
前端技术演进(六):前端项目与技术实践 - 掘金
前端技术演进(七):前端跨栈技术 - 掘金
前端技术演进(八):未来前端趋势 - 掘金

《学习源码整体架构系列》

学习 jQuery 源码整体架构,打造属于自己的 js 类库 - 掘金
学习 underscore 源码整体架构,打造属于自己的函数式编程类库 - 掘金
学习 lodash 源码整体架构,打造属于自己的函数式编程类库 - 掘金
学习 sentry 源码整体架构,打造属于自己的前端异常监控SDK - 掘金
学习 vuex 源码整体架构,打造属于自己的状态管理库 - 掘金
学习 axios 源码整体架构,打造属于自己的请求库 - 掘金
学习 koa 源码的整体架构,浅析koa洋葱模型原理和co原理 - 掘金
lxchuan12/express-analysis: express-analysis
lxchuan12/vue-router-analysis: vue-router-analysis
lxchuan12/redux-analysis: redux-analysis
lxchuan12/react-redux-analysis: react-redux-analysis

《从零冲击音视频开发》

【从零冲击音视频开发】音视频开发必备知识基础 - 掘金
【从零冲击音视频开发】移动环境搭建 - 掘金
【从零冲击音视频开发】FFmpeg的介绍和基本使用 - 掘金

《前端实战总结》

《前端实战总结》如何在不刷新页面的情况下改变URL - 掘金
《前端实战总结》之变量提升,函数声明提升及变量作用域详解 - 掘金
《前端实战总结》之使用postMessage实现可插拔的跨域聊天机器人 - 掘金
《前端实战总结》之设计模式的应用——备忘录模式 - 掘金
《前端实战总结》之使用pace.js为你的网站添加加载进度条 - 掘金
《前端实战总结》之使用CSS3实现酷炫的3D旋转透视 - 掘金
《前端实战总结》之迭代器模式的N+1种应用场景 - 掘金
《前端实战总结》之使用解释器模式实现获取元素Xpath路径的算法 - 掘金
《前端实战总结》之使用纯css实现网站换肤和焦点图切换动画 - 掘金

《进大厂连载》

进大厂连载 1/15:失败 4 次成功入职阿里巴巴 - 掘金
进大厂连载 2/15:神秘的阿里前端 P8 Offer 如何拿下 - 掘金
进大厂连载 3/15:如何借助 5 道算法题入职 Leetcode - 掘金
进大厂连载 4/15:如何拿下政采云 P6 前端 Offer - 掘金
进大厂连载 5/15:如何考察候选人的能力与潜力 - 掘金
进大厂连载 6/15:如何拿下蚂蚁金服 P6 的前端 Offer - 掘金
进大厂连载 7/15:蚂蚁金服如何面试候选人 - 掘金
进大厂连载 8/15:如何拿下淘宝 P6+ 前端 Offer - 掘金
进大厂连载 9/15:淘系技术部如何面试候选人 - 掘金

《重温基础》

【重温基础】1.语法和数据类型 - 掘金
【重温基础】2.流程控制和错误处理 - 掘金
【重温基础】3.循环和迭代 - 掘金
【重温基础】4.函数 - 掘金
【重温基础】5.表达式和运算符 - 掘金
【重温基础】6.数字 - 掘金
【重温基础】7.时间对象 - 掘金
【重温基础】8.字符串 - 掘金
【重温基础】9.正则表达式 - 掘金
【重温基础】10.数组 - 掘金
【重温基础】11.Map和Set对象 - 掘金
【重温基础】12.使用对象 - 掘金
【重温基础】13.迭代器和生成器 - 掘金
【重温基础】14.元编程 - 掘金
【重温基础】15.JS对象介绍 - 掘金
【重温基础】16.JSON对象介绍 - 掘金
【重温基础】17.WebAPI介绍 - 掘金
【重温基础】18.相等性判断 - 掘金
【重温基础】19.闭包 - 掘金
【重温基础】20.事件 - 掘金
【重温基础】21.高阶函数 - 掘金
【重温基础】22.内存管理 - 掘金
【重温基础】JS中的常用高阶函数介绍 - 掘金
【重温基础】instanceof运算符 - 掘金

《你不知道的JS系列》

你不知道的JS系列——全面解析this
你不知道的JS系列——你所忽略的细节
你不知道的JS系列——全面解析[[Prototype]]、prototype、constructor
你不知道的JS系列——深入继承
你不知道的JS系列——类型、值、强制类型转换
你不知道的JS系列——详谈语法
一些方法的模拟实现——Polyfill
你不知道的JS系列——异步和回调
你不知道的JS系列——深入理解Promise
你不知道的JS系列——关于生成器
你不知道的JS系列——了解 Web Worker
你不知道的JS系列——领略性能测试与调优
你不知道的JS系列——ES6 & Beyond

《前端知识体系》

前端知识体系(1)-js篇
前端知识体系(2)-vue篇
前端知识体系(3)-浏览器篇
前端知识体系(4)-js手写函数篇

《前端科普系列》

前端科普系列(1):前端简史
前端科普系列(2):Node.js 换个角度看世界
前端科普系列(3):CommonJS 不是前端却革命了前端
前端科普系列(4):Babel —— 把 ES6 送上天的通天塔
前端科普系列(5):ESLint - 守住优雅的护城河

《进阶》

【进阶1-1期】理解JavaScript 中的执行上下文和执行栈 - 掘金
【进阶1-2期】JavaScript深入之执行上下文栈和变量对象 - 掘金
【进阶1-3期】JavaScript深入之内存空间详细图解 - 掘金
【进阶1-4期】JavaScript深入之带你走进内存机制 - 掘金
【进阶1-5期】JavaScript深入之4类常见内存泄漏及如何避免 - 掘金
【进阶2-1期】深入浅出图解作用域链和闭包 - 掘金
【进阶2-2期】JavaScript深入之从作用域链理解闭包 - 掘金
【进阶2-3期】JavaScript深入之闭包面试题解 - 掘金
【进阶3-1期】JavaScript深入之史上最全--5种this绑定全面解析 - 掘金
【进阶3-2期】JavaScript深入之重新认识箭头函数的this - 掘金
【进阶3-3期】深度广度解析 call 和 apply 原理、使用场景及实现 - 掘金
【进阶3-4期】深度解析bind原理、使用场景及模拟实现 - 掘金
【进阶3-5期】深度解析 new 原理及模拟实现 - 掘金
【进阶4-1期】详细解析赋值、浅拷贝和深拷贝的区别 - 掘金
【进阶4-2期】Object.assign 原理及其实现 - 掘金
【进阶4-3期】面试题之如何实现一个深拷贝 - 掘金
【进阶4-4期】Lodash是如何实现深拷贝的 - 掘金
【进阶5-1期】重新认识构造函数、原型和原型链 - 掘金

前端常用插件、工具类库汇总,不要重复造轮子啦!!! - 掘金
2020年全网最火最全的前端导航(建议添加为书签) - 掘金
各种资源归档、(React、Vue) 持续更新... - 掘金
请查收,掘金前 1000 篇优质文章 - 掘金
掘金排行前5000大佬 | 掘金文章排行 看这里 - 掘金
掘金总点赞量前 5000 排行发布 | 掘金总关注量前 5000 排行(20190821) - 掘金
写给初中级前端的高级进阶指南(万字长文,更新性能优化路线)。 - 掘金
《吐血整理》系列 大厂前端组件库工具集合(PC端、移动端、JS、CSS等) - 掘金
🔥《吐血整理》系列 大厂前端必备工具集合(抓包、调试、Mock数据等等) - 掘金
什么是Web框架 - 前端 - 掘金
六月前端知识集锦(每月不可错过的文章集锦) - 掘金
一位前端 2018 绝地求生记 | 掘金年度征文 - 掘金
2019学习学到失恋但是还要继续|2019 与我的技术之路 - 掘金
前端进阶必备,github 优质资源整理分享! - 掘金
入门前端一周年总结-我是如何快速入门前端的知识分享 - 掘金
🚆新手前端不要慌! 给你✊10根救命稻草🍃 - 掘金
2019 前端之路 | 掘金年度征文 - 掘金
一名【合格】前端工程师的自检清单 - 掘金
【自检清单】JS基础-变量与类型 - 掘金
【自检清单】JS基础-原型与原型链 - 掘金
前端团队代码评审 CheckList 清单 - 掘金
【思维导图】前端开发-巩固你的JavaScript知识体系 - 掘金
年终回顾,为你汇总一份「前端技术清单」 - 掘金
真·程序员必修书单 - 掘金
前端开发中79条不可忽视的知识点汇总 - 掘金
让你瞬间提高工作效率的常用js函数汇总(持续更新) - 掘金
《javascript高级程序设计》核心知识总结 - 掘金
JS 万字总结 重量级干货!!! - 掘金
前端人应该知道的网站和工具 - 掘金
肝完这份前端毒鸡汤,你就是赚到了(篇幅较长,建议收藏慢慢细品) - 掘金
前端必看的8个HTML+CSS技巧 - 掘金
想自学JS吗?想提升JS底层原理吗?76张脑图带你彻底搞懂原生JS - 掘金
8年前端开发的知识点沉淀(不知道会多少字,一直写下去吧...) - 掘金
一个合格的中级前端工程师需要掌握的 28 个 JavaScript 技巧 - 掘金
大型项目前端架构浅谈(8000字原创) - 掘金
前端定级赛,你到底是青铜还是王者(前端进阶之路) - 掘金
【建议收藏】90%的前端都会踩的坑,你中了吗? - 掘金
勇闯28个关卡学会HTML与HTML5基础|FCC前端教程 - 掘金
勇闯44关深入浅出CSS基础之一 | FCC前端教程 - 掘金
【FCC前端教程】44关学习CSS与CSS3基础「二」 - 掘金
WEB开发中40+高质量的免费资源【多图但值得一看】 - 掘金
前端代码篇总结
这些神仙代码库值得每一个前端开发者收藏
10分钟白嫖我的常用的在线工具网站清单
2020你应该知道的前端知识
19个前端开发人员的救生工具
最全JavaScript基础总结~建议收藏
「CSS深度指北」前端知识梳理之CSS篇(中秋国庆特别篇)
「JavaScript灵魂之问」前端知识梳理之 JS 篇(上篇)
1.2w字 | 初中级前端 JavaScript 自测清单 - 1
1.1w字 | 初中级前端 JavaScript 自测清单 - 2
前端进阶必经之路(一):1.2w字深入理解JavaScript26个核心概念
落魄前端,整理给自己的前端知识体系复习大纲(上篇)
落魄前端,整理给自己的前端知识体系复习大纲(下篇)
六脉神剑之核心脉——JS核心知识梳理
架构师的初级技能,选组件!(2020更新版)
学完这100多技术,能当架构师么?(非广告)
前端开发常用免费资源,显著提升工作效率
JavaScript中常用的方法汇总
前端学习总结,经验分享,项目经验分享过程 | 掘金技术征文-双节特别篇
前端进阶系列(第1期):理解JavaScript数据类型 - 掘金
前端进阶系列(第2期):深入理解JavaScript数据类型转换 - 掘金
1.2w字 | 初中级前端 JavaScript 自测清单 - 1
1.1w字 | 初中级前端 JavaScript 自测清单 - 2
树酱的前端知识体系构建(上)
树酱的前端知识体系构建(下)
分享阿里前端p7架构图谱 - 掘金
2019 前端年度总结
【译】73个超棒且可提高生产力的 NPM 包🚀🌱
一个合格的中级前端工程师需要掌握的 28 个 JavaScript 技巧
这些年滴滴开源的有趣项目,太牛了
前端基础知识大汇总(欢迎收藏)

《硬核JS》

「硬核JS」深入了解异步解决方案
「硬核JS」一次搞懂JS运行机制
「硬核JS」令你迷惑的位运算
「硬核JS」数字之美

#前端整理集--CSDN

前端组件库大合集-必备收藏 - 海沙 - CSDN博客
前端组件、插件汇总 - 听闻青春丶 - CSDN博客
前端组件库集合 - 卖女孩的小男孩 - CSDN博客
前端常用插件汇总 - cc蒲公英的博客 - CSDN博客
30组常用前端开发组件库,前端组件收集整理列表 - qq_21729177的博客 - CSDN博客
前端组件库大合集-必备收藏 - weixin_36944932的博客 - CSDN博客
前端组件库 - 搭建web app常用的样式/组件等收集列表(移动优先) - 断弦泉月 - CSDN博客
(2条消息)130 个相见恨晚的超实用网站,一次性分享出来_网络_爪白白的个人博客-CSDN博客
前端开发应知网站(强烈推荐!)_吴迪网络工作室-CSDN博客

#前端整理集--简书

JAVASCRIPT编入集 - 专题 - 简书
CSS编入集 - 专题 - 简书

#前端整理集--SegmentFault 思否

《前端资源系列》

前端资源系列(1)-Git常用命令&设置快捷命令&小工作流 - xzavier - SegmentFault 思否
前端资源系列(2)-SublimeText快捷键大全 - xzavier - SegmentFault 思否
前端资源系列(3)-微信小程序开发资源汇总 - xzavier - SegmentFault 思否
前端资源系列(4)-前端学习资源分享&前端面试资源汇总 - xzavier - SegmentFault 思否
前端资源系列(5)-JavaScript奇味探索 - xzavier - SegmentFault 思否

前端阅读 - 收藏集 - 掘金 - 掘金精选 - SegmentFault 思否
js技术 - 收藏集 - 掘金 - 掘金精选 - SegmentFault 思否
网页设计 - 收藏集 - 掘金 - 掘金精选 - SegmentFault 思否
文章大杂烩 - 收藏集 - 掘金 - 掘金精选 - SegmentFault 思否
库,组件,框架 - 收藏集 - 掘金 - 掘金精选 - SegmentFault 思否
收藏夹 - 收藏集 - 掘金 - 掘金精选 - SegmentFault 思否
新手入门 - 收藏集 - 掘金 - 掘金精选 - SegmentFault 思否
前端最实用书签(持续更新)_前端小而全的知识归纳 - SegmentFault 思否
【整理】前端学习笔记总结清单,应有尽有🍇🍈🍉🍊🍋_前端之路 - SegmentFault 思否

#前端整理集--知乎

WEB前端知识总结 - 知乎

#前端整理集--博客园

《Javascript学习总结》

JavaScript学习总结(一)——JavaScript基础 - 孤傲苍狼 - 博客园
JavaScript学习总结(二)——逻辑Not运算符详解 - 孤傲苍狼 - 博客园
JavaScript学习总结(三)——逻辑And运算符详解 - 孤傲苍狼 - 博客园
JavaScript学习总结(四)——逻辑OR运算符详解 - 孤傲苍狼 - 博客园
JavaScript学习总结(五)——Javascript中==和===的区别 - 孤傲苍狼 - 博客园
JavaScript学习总结(六)——JavaScript判断数据类型总结 - 孤傲苍狼 - 博客园
JavaScript学习总结(七)——JavaScript函数(function) - 孤傲苍狼 - 博客园
JavaScript学习总结(八)——JavaScript数组 - 孤傲苍狼 - 博客园
JavaScript学习总结(九)——Javascript面向(基于)对象编程 - 孤傲苍狼 - 博客园
JavaScript学习总结(十)——this关键字 - 孤傲苍狼 - 博客园
JavaScript学习总结(十一)——Object类详解 - 孤傲苍狼 - 博客园
JavaScript学习总结(十二)——JavaScript编写类 - 孤傲苍狼 - 博客园
JavaScript学习总结(十三)——极简主义法编写JavaScript类 - 孤傲苍狼 - 博客园
JavaScript学习总结(十四)——JavaScript编写类的扩展方法 - 孤傲苍狼 - 博客园
JavaScript学习总结(十五)——Function类 - 孤傲苍狼 - 博客园
JavaScript学习总结(十六)——Javascript闭包(Closure) - 孤傲苍狼 - 博客园
JavaScript学习总结(十七)——Javascript原型链的原理 - 孤傲苍狼 - 博客园
JavaScript学习总结(二十)——Javascript非构造函数的继承 - 孤傲苍狼 - 博客园

《一统江湖的大前端》

一统江湖的大前端(1)——PPT制作库impress.js - 大史不说话 - 博客园
一统江湖的大前端(2)—— Mock.js + Node.js 如何与后端潇洒分手 - 大史不说话 - 博客园
一统江湖的大前端(3) DOClever——你的postman有点low - 大史不说话 - 博客园
一统江湖的大前端(4)shell.js——穿上马甲我照样认识你 - 大史不说话 - 博客园
一统江湖的大前端(5)editorconfig + eslint——你的代码里藏着你的优雅 - 大史不说话 - 博客园
一统江湖的大前端(6)commander.js + inquirer.js——懒,才是第一生产力 - 大史不说话 - 博客园
一统江湖的大前端(7)React.js-从开发者到工程师 - 大史不说话 - 博客园

JavaScript - 随笔分类 - 梦想天空(山边小溪) - 博客园
前端UI框架小汇总 - PC.aaron - 博客园
前端组件库大合集-必备收藏 - web_liu - 博客园
『录』最全前端资源汇集 - Percy宣森 - 博客园
Web 开发精华文章集锦(jQuery、HTML5、CSS3)【系列二十七】 - 梦想天空(山边小溪) - 博客园
2019年Web前端最新导航(常见前端框架、前端大牛) - 千古壹号 - 博客园
12个实用的 JavaScript 框架分享给前端开发者 - 梦想天空(山边小溪) - 博客园
可以作为你的候选的12个很赞的移动开发框架 - 梦想天空(山边小溪) - 博客园
推荐15个很优秀的跨平台的移动开发工具 - 梦想天空(山边小溪) - 博客园
12个新潮的 HTML5 & CSS3 网站设计欣赏 - 梦想天空(山边小溪) - 博客园
学习响应式设计的15个优秀网页作品 - 梦想天空(山边小溪) - 博客园
20款 JavaScript 开发框架推荐给前端开发者 - 梦想天空(山边小溪) - 博客园
12款简化 Web 开发的 JavaScript 开发框架 - 梦想天空(山边小溪) - 博客园
20个令人称赞的以办公环境为背景的网站作品 - 梦想天空(山边小溪) - 博客园
2017年最新20个轻量的 JavaScript 库和插件 - 梦想天空(山边小溪) - 博客园
20款高质量的 HTML5 网站模板【免费下载】 - 梦想天空(山边小溪) - 博客园
15款值得开发者一试的最新的前端框架 - 梦想天空(山边小溪) - 博客园
12款界面精美的 HTML5 & CSS3 网站模板 - 梦想天空(山边小溪) - 博客园
分享最新15个加速 Web 开发的框架和工具 - 梦想天空(山边小溪) - 博客园

#前端整理集--哔哩哔哩

#前端整理集--语雀

Web 技术周刊 · 语雀

#前端整理集--微信

《127个常用的JS代码片段,每段代码花30秒就能看懂》

127个常用的JS代码片段,每段代码花30秒就能看懂(上)
127个常用的JS代码片段,每段代码花30秒就能看懂(中)
127个常用的JS代码片段,每段代码花30秒就能看懂(下)

#AI
#AI测试
#AI算法
#TensorFlow
#UI组件
#WACV
#转转实践
#组件
#架构
#前端
#后端
#开发
#优化
#低代码
#开发效率
#方法论
#互动
#自动化
#开源
#微服务
#平台架构
#AI模型
#深度学习
#推荐
#平台
前端高效开发框架技术(疫情会不会大暴发 听听钟南山怎么说)
成为优秀程序员的101条准则
19个JS超有用的简写技巧
【送书】GitHub 上值得收藏的100个精选前端项目!
【汇总】前端自习课 - 原创系列汇总
#Node.js
一份【超级全面】的前端工程师的自检清单
#Web宝藏

《美团点评2018技术年货》

互联网企业数据安全体系建设 - 美团技术团队
互联网企业数据安全体系建设 - 美团技术团队
互联网企业数据安全体系建设 - 美团技术团队
互联网企业数据安全体系建设 - 美团技术团队
互联网企业数据安全体系建设 - 美团技术团队
互联网企业数据安全体系建设 - 美团技术团队
互联网企业数据安全体系建设 - 美团技术团队

73 Awesome NPM Packages for Productivity 🚀🌱 - DEV Community
Open Source | DocumentCloud
Front-end Developer Handbook 2019 - Learn the entire JavaScript, CSS and HTML development practice!
Raneto - A free, open, simple Markdown powered Knowledgebase for Nodejs
在线API文档
15 个 JavaScript Web UI 库-大前端
『引』最全前端资源汇集 | 晚晴幽草轩
『优质』前端频道汇聚 | 晚晴幽草轩
与时俱进版前端资源教程 | 晚晴幽草轩
现代前端开发路线图:从零开始,一步步成为前端工程师_36氪
前端组件库大合集-必备收藏 - 轩枫阁 – 前端开发 | web前端技术博客
国外优秀Web前端UI库大全
Github 前端收藏夹 - M.M.F 小屋

¥大前端 FAQ

¥最全前端资源汇总

¥Angularjs

dolymood/AngularLearning: Angular.js 的一些学习资源
Angularlearning by dolymood
AngularJS 源码分析2 - feenan - 博客园
ww1.ifeenan.com
Angular directives for Bootstrap
angular-ui/bootstrap: PLEASE READ THE PROJECT STATUS BELOW. Native AngularJS (Angular) directives for Bootstrap. Smaller footprint (20kB gzipped), no 3rd party JS dependencies (jQuery, bootstrap JS) required. Please read the README.md file before submitti
Nodejs+express+angularjs+mongodb搭建前端项目框架NJBlog - CNode技术社区
mz121star (Jarrick)
使用AngularJS构建大型Web应用
AngularJS 最佳实践 – 尘埃落定
Pasvaz/bindonce: Zero watches binding for AngularJs
AngularUI
AngularUI for AngularJS
EmberJS vs AngularJS : performance testing | Void Canvas
带你走近AngularJS - 基本功能介绍 - 葡萄城技术团队 - 博客园
Angularjs学习---官方phonecat实例学习angularjs step0 step1 - Hi_Amos - 博客园
AngularJS: Tutorial: Tutorial
jmcunningham/AngularJS-Learning: A bunch of links to blog posts, articles, videos, etc for learning AngularJS
opitzconsulting/jquery-mobile-angular-adapter: jquery mobile angular adapter
AngularStrap - AngularJS 1.2+ native directives for Twitter Bootstrap 3.
【每日一博】整合jQuery Mobile+AngularJS经验谈 - 推酷
有jQuery背景,该如何用AngularJS编程思想? - 文章 - 伯乐在线
AngularJs 在线教程 入门教程 开发指南 学习笔记 基础教程 angular在线
AngularJS学习笔记 - YS.Zou

¥CSS3(CSS)

CSS Reference | Codrops
csswizardry/CSS-Guidelines: High-level guidelines for writing manageable, maintainable CSS
CSS Guidelines (2.2.5) – High-level advice and guidelines for writing sane, manageable, scalable CSS
chadluo/CSS-Guidelines: a zh-CN translation
CSS小工具
全局CSS的终结(狗带) [译] | AlloyTeam
Browserhacks

¥Chrome

Chrome 开发者工具  |  Tools for Web Developers  |  Google Developers
Chrome开发者工具不完全指南(一、基础功能篇) - 卖烧烤夫斯基 - 博客园
Chrome开发者工具不完全指南(二、进阶篇) - 卖烧烤夫斯基 - 博客园
Chrome开发者工具不完全指南:(三、性能篇) - 卖烧烤夫斯基 - 博客园
Chrome开发者工具不完全指南(四、性能进阶篇) - 卖烧烤夫斯基 - 博客园
Chrome开发者工具不完全指南(五、移动篇) - 卖烧烤夫斯基 - 博客园
chrome使用技巧(看了定不让你失望) - 静逸 - 博客园
Chrome 控制台不完全指南 - 刘哇勇 - 博客园
Console API Reference  |  Tools for Web Developers  |  Google Developers
通过 Chrome Workspace 调试本地项目 | 小影志
分析chrome中的network面板 - 没事瞎琢磨 - 前端乱炖
Chrome Devtools Cheatsheet
chrome调试工具常用功能整理 - 前端开发工具 - 前端乱炖
Chrome神器Vimium快捷键学习记录 - 我的编程乐园 - C++博客
如何更专业的使用Chrome开发者工具_tools, DevTools 教程_w3cplus
使用Chrome DevTools的Timeline和Profiles提高Web应用程序的性能 - OSCHINA
使用 Chrome DevTools 中的 Device Mode 模拟移动设备  |  Tools for Web Developers
作为Web开发人员,我为什么喜欢Google Chrome浏览器 - Q.Lee.lulu - 博客园
Console Utilities API Reference  |  Tools for Web Developers
查看html元素绑定的事件与方法的利器 - coderidea - 博客园
神器——Chrome开发者工具(一) - Just For Fun - SegmentFault 思否
文章 - chrome 开发者工具的 15 个小技巧 - FED社区
Chrome开发者工具不完全指南 - 学前端|互联网|H5零基础 | 培训 | 网校 | 在线学习 | 包就业 | H5岗位紧缺 | HTML5 | 学编程 | 學編程 |交互设计 | 原型设计 | JS | JQuery | BootStrap | CSS3 | 互联网+ | 产品经
Chrome 开发者工具使用技巧 - 王铁手的博客 - SegmentFault 思否

¥Date library

魔鬼程序员内容模板
datejs/Datejs: A JavaScript Date and Time Library
Sugar - Home

¥D3

Tutorials · d3/d3 Wiki
Gallery · d3/d3 Wiki
d3.js 学习资源 - alanland - ITeye博客
D3.js -- JavaScript 标准参考教程(alpha)
NVD3

¥Ecmascript

Read Understanding ECMAScript 6 | Leanpub
es6-org/exploring-es6: 《 Exploring ES6 》的翻译,可以在此处阅读最新的翻译:
探索 ES6
JavaScript 标准参考教程(alpha) -- JavaScript 标准参考教程(alpha)
ECMAScript5.1中文版 + ECMAScript3 + ECMAScript(合集)
Annotated ES5

¥Fis

F.I.S -前端工具框架
fex-team/fis: Front-end Integrated Solution - 前端集成解决方案, 最新版请进入 FIS3 https://github.com/fex-team/fis3

¥Fiddler

Fiddler调式使用知多少(一)深入研究 - 龙恩0707 - 博客园
移动开发中Fiddler的那些事儿 - 咖啡机(K.F.J) - 博客园
[微信开发利器]微信内移动前端开发抓包调试工具fiddler使用教程 - 猿资猿味

¥Firebug

WEB调试工具-Firebug-慕课网
WebIDE - Firefox 开发者工具 | MDN
Firebug入门指南 - 阮一峰的网络日志
Firebug控制台详解 - 阮一峰的网络日志

¥Git

Git
Git for Windows
GitHub 添加 SSH keys
Learn Git Branching
xirong/my-git: Individual collecting material of learning git(有关 git 的学习资料)
my-git/git-workflow-tutorial.md at master · xirong/my-git
GitHub 漫游指南 – GitHub 漫游指南
github-cheat-sheet/README.zh-cn.md at master · tiimgreen/github-cheat-sheet
Explain Git with D3

¥Gulp

gulp.js - The streaming build system
Platform-CUF/use-gulp: gulp资料收集
Gulp:任务自动管理工具 -- JavaScript 标准参考教程(alpha)
CUF_meeting_knowledge_share/2015-8-17/bower-dependence-inject at master · hjzheng/CUF_meeting_knowledge_share
2015-5-30 使用gulp · Issue #33 · hjzheng/CUF_meeting_knowledge_share
Gulp安装及配合组件构建前端开发一体化 | DBPOO'S BLOG
onface/gulp-book: Gulp 入门指南
《Gulp 入门指南》- 前言 · Issue #19 · onface/blog
Gulp开发教程(翻译) - w3ctech
How To Build And Develop Websites With Gulp — Smashing Magazine
前端构建工具gulpjs的使用介绍及技巧 - 无双 - 博客园
contra/glob2base: Extracts a base path from a node-glob instance

¥Grunt

Grunt: The JavaScript Task Runner
Grunt: JavaScript 世界的构建工具 | Grunt 中文网

¥HTML5(HTML)

深入理解HTML5标签 - iLeox Notes - SegmentFault 思否
如何写出高效率的HTML - iLeox Notes - SegmentFault 思否
High performance HTML | Sam Dutton’s blog
HTML meta标签总结与属性使用介绍 - Lxxyx的开发笔记 - SegmentFault 思否
戏说HTML5 - 木的树 - 博客园

¥iconfont

中文字体有类似google fonts这样的网站么? - 知乎
Iconfont-阿里巴巴矢量图标库
UX图标字体库 - 阿里妈妈MUX
icomoon « 搜索结果 « 张鑫旭-鑫空间-鑫生活

¥iOS Simulator

https://www.crifan.com/intro_ios_simulator_in_xcode_and_usage_summary/

¥Image

Preloaders.net - Circular (Spinners) loading GIF, SVG & APNG animations (AJAX loaders)
智图_图片压缩在线工具_在线制作webp
TinyPNG – Compress PNG images while preserving transparency
Image Upload - SM.MS - Simple Free Image Hosting
抖音KOL数据,网红排行榜
图床 - Qchan图床

¥jQuery

jQuery API 中文文档 | jQuery 中文网
jQuery(selector,context)函数参数含义 - Acmera-播客分享 - CSDN博客
jQuery源码分析之jQuery(selector,context)详解 - 高山上的鱼 - CSDN博客
jQuery 核心函数:jQuery([selector,[context]])最基础的函数 - theowl的专栏 - CSDN博客
.on() | jQuery API中文文档(适用jQuery 1.0 - jQuery 3.3.1)
jQuery UI API中文文档(适用jQuery UI 1.12.1)
jQuery Learning Center
Web前端资源汇总 - 计划 - 博客园

¥Less,sass

Sass世界上最成熟、稳定和强大的CSS扩展语言 | Sass中文网
Sass: Syntactically Awesome Style Sheets | Sass 中文文档
快速入门 | Less.js 中文文档

¥Markdown

Learning-Markdown/README.md at master · LearnShare/Learning-Markdown
mditor 一款轻量级的markdown编辑器
bh-lay/mditor: 一款轻量级的markdown编辑器 ediotor for markdown
lepture/editor: A markdown editor. http://lab.lepture.com/editor/
Editor
Just lepture
jbt/markdown-editor: Live (Github-flavored) Markdown Editor
New Document

¥Node.js

alsotang/node-lessons: 《Node.js 包教不包会》 by alsotang
小撸
【NodeJS 学习笔记04】新闻发布系统 - 叶小钗 - 博客园
过年7天乐,学nodejs 也快乐 - 互联网Fans - 博客园
nqdeng/7-days-nodejs: 七天学会NodeJS
七天学会NodeJS
Nodejs学习笔记(二)--- 事件模块 - porschev - 博客园
Node.js入门 - M守护神 - 博客园
zensh/jsgen: [DEPRECATED]JsGen is a next generation,free, open source web software that you can generate a powerful website, such as blog, forum, etc. It is coded by pure JavaScript, based on Node.js, AngularJS, MongoDB.
从零开始nodejs系列文章 | 粉丝日志
Understanding the node.js event loop
Node入门 » 一本全面的Node.js教程
OurJS-免费开源的博客引擎,论坛系统,网站模板和轻量级的CMS - OurJS
Node初学者入门,一本全面的NodeJS教程 - OurJS
NodeJS的代码调试和性能调优 | 小胡子哥的个人网站
The Node Beginner Book - A comprehensive Node.js tutorial
叶小钗 - 博客园

¥React

React 中文
Getting Started – React
The world's most popular React UI framework - Material-UI
Touchstone JS – What’s Coming for This UI Framework
React 入门实例教程 - 阮一峰的网络日志
React Native官方文档中文版_React Native中文教程_React Native开发中文手册[PDF]下载-极客学院Wiki
Webpack 和 React 小书 - fakefish - 前端乱炖
介绍 | React Webpack 小书
Webpack,101入门体验 - webpack - 前端乱炖
webpack入门教程 - 学习笔记 - 前端乱炖
基于webpack搭建前端工程解决方案探索 - dmyang - SegmentFault 思否

¥Requriejs

Javascript模块化编程(一):模块的写法 - 阮一峰的网络日志
Javascript模块化编程(三):require.js的用法 - 阮一峰的网络日志
RequireJS入门(一) - snandy - 博客园
RequireJS入门(二) - snandy - 博客园
RequireJS进阶(三) - snandy - 博客园
【requireJS源码学习01】了解整个requireJS的结构 - 叶小钗 - 博客园
RequireJS学习笔记 - 叶小钗 - 博客园
Why SeaJS
RequireJS与Backbone简单整合 - 叶小钗 - 博客园

¥seajs

Why SeaJS

¥UI相关

拼图Pintuer-跨屏响应式布局前端开发CSS框架
GotGitHub — GotGitHub

¥UI方案

Sencha Ext JS - Sencha.com | Sencha.com
Ext JS 4.0.7 - Sencha Docs
简单实用国产jQuery UI框架 - DWZ富客户端框架(J-UI.com)
MUI-最接近原生APP体验的高性能前端框架
SUI Mobile
KISSY - A Powerful JavaScript Framework
Kendo UI MVVM Demo
YUI Library
atizo/smartui: Smart User Interfaces

¥Vue

Vue 入门指南 - 【艾伦】 - 博客园
Vue.js 的一些资源索引 - 题叶 - SegmentFault 思否

¥前端知识综合类

WEB大前端工程师路径图的标题_职业路径图_IT职业在线教育平台_极客学院
前端知识体系 - naniJser - 博客园
JacksonTian/fks: 前端技能汇总 Frontend Knowledge Structure
FKS Documentation
unruledboy/WebFrontEndStack: web front end stack: browsers, platforms, libraries, frameworks, tools etc.
Web前端开发大系概览 (前端开发技术栈) - 灵感之源 - 博客园
free-programming-books | :books: Freely available programming books
dypsilon/frontend-dev-bookmarks: Manually curated collection of resources for frontend web developers.
前端开发者手册 · Front-end Developer HandBook
nieweidong/fetool: 大前端的瑞士军刀,只记录有用的。
Introduction · 前端开发笔记本
li-xinyang/FE_Note: 📒 Front-end Development Notebook From Start to Finish! (Simplified Chinese)
icepy/Front-End-Develop-Guide: 💰 Awesome The Front End Develop Guide:这份指南汇集了前端开发所使用语言的主流学习资源,并以开发者的视角进行整理编排而成。
AlloyTeam/Mars: 腾讯移动 Web 前端知识库
第 1 章: 我们在做什么? · JS 函数式编程指南
JavaScript中的this陷阱的最全收集--没有之一 - Web开发手记 - SegmentFault 思否
麻省理工学院公开课:计算机科学及编程导论_全24集_网易公开课

¥前端入门类

1. web前端开发分享-css,js入门篇 - 豪情 - 博客园
2. web前端开发分享-css,js进阶篇 - 豪情 - 博客园
3. web前端开发分享-css,js提高篇 - 豪情 - 博客园
4. web前端开发分享-css,js工具篇 - 豪情 - 博客园
5. web前端开发分享-css,js深化篇 - 豪情 - 博客园
6. web前端开发分享-css,js移动篇 - 豪情 - 博客园
前端工程师必备的PS技能—切图篇-慕课网
qiu-deqing/FE-learning: 结合个人经历总结的前端入门方法

¥前端开发工具类

新编码神器Atom使用纪要 | 晚晴幽草轩
CSS Sprite(精灵图)雪碧图用法视频教程-慕课网
版本控制入门–搬进 Github-慕课网
前端自动化工具Grunt-beginner使用教程-慕课网
judasn/IntelliJ-IDEA-Tutorial: IntelliJ IDEA 简体中文专题教程
Atom
Visual Studio Code - Code Editing. Redefined

¥前端常用综合搜索平台

jobbole/awesome-javascript-cn: JavaScript 资源大全中文版,内容包括:包管理器、加载器、测试框架、运行器、QA、MVC框架和库、模板引擎等
100+ 超全的web开发工具和资源 – 稀土区
Zoommy - more than 130 000 free photos in one place
Beautiful Free Images & Pictures | Unsplash
Pinterest
New Old Stock
花瓣网_陪你做生活的设计师(发现、采集你喜欢的灵感、家居、穿搭、婚礼、美食、旅行、美图、商品、设计/创意灵感等)
摄图网-正版高清图片免费下载_商用设计素材图库
Microjs: Fantastic Micro-Frameworks and Micro-Libraries for Fun and Profit!
xuefengnice/MoreSearch: 猫搜源代码。旨在聚合搜索引擎结果,提高搜索效率。
plainjs.com

¥团队Blog|周报类

极客学院Wiki - IT 技术图文教程库
奇舞周刊
WEB前端开发-专注前端开发,关注用户体验
Js Tips - A JavaScript tip per day!
Web开发 | AlloyTeam
PaicHyperionDev/MobileDevWeekly: 平安金融科技移动开发周报

¥开发中心

Chrome APIs - Google Chrome
Resources - Safari - Apple Developer
JavaScript Version Information - Microsoft Edge Development | Microsoft Docs
Sanshi.me
JavaScript 秘密花园
W3Help - 兼容性 - 知识库

¥综合API

JavaScripting.com - The Database of JavaScript Libraries
菜鸟教程 - 学的不仅是技术,更是梦想!
在线API文档
DevDocs API Documentation

¥移动端API

jtyjty99999/mobileTech: A useful tools or tips list for mobile web application developing
移动前端的一些坑和解决方法(外观表现)-前端开发博客
【原】移动web资源整理 - 白树 - 博客园
Issues · maxzhang/maxzhang.github.com
hoosin/mobile-web-favorites: This is a favorites, with a mobile web tips.

¥兼容性

ECMAScript 6 compatibility table
W3C CSS 验证服务
Can I use... Support tables for HTML5, CSS3, etc
CSS Properties & Selectors | CSS Creator
CSS 兼容性和 Internet Explorer | Microsoft Docs
Responsinator

¥其它API

HTTP API 设计指南 - SegmentFault 思否
nice Validator 示例,jQuery智能表单验证
标签: underscore | 亚里士朱德的博客
SVG 参考手册
AI to SVG - Convert your AI to SVG for Free Online

¥图表类

Highcharts JS API Reference
ECharts
开发 | 高德地图API
Home

¥正则

JS正则表达式元字符 - 小弟调调 - SegmentFault 思否
正则表达式30分钟入门教程
Regester - 正则表达式测试工具
developer.mozilla.org
RegExp对象 -- JavaScript 标准参考教程(alpha)
进阶正则表达式 - Div.IO
Regexper

¥前端规范

Code Guide by @AlloyTeam
编码规范 by @mdo
关于团队合作的css命名规范 | AlloyTeam
Max Yu
前端编码规范之JavaScript - Barret Lee - 博客园
yuche/javascript: Airbnb JavaScript 编码规范
AMD规范与CMD规范的区别 - 龙恩0707 - 博客园
KISSY 源码规范 — KISSY v1.4 Documentation
前端代码规范 及 最佳实践 - 文章 - 伯乐在线
前端代码规范 及 最佳实践 | Isobar
ISOBAR Front-end Code Standards & Best Practices | Isobar
JavaScript 风格指南/编码规范(Airbnb公司版) - 文章 - 伯乐在线
规范 - NEC : 更好的CSS样式解决方案
starriness/es6-coding-style: ECMAScript 2015 编码规范--广发证券前端团队

¥各大公司开源项目

FEX - FEX
EFE Tech - 百度EFE(Excellent FrontEnd)技术体系
Baidu FEX team
AlloyTeam|腾讯全端 AlloyTeam 团队
腾讯 Web 前端团队 - AlloyTeam
dntzhang/cax: HTML5 Canvas 2D Rendering Engine - 小程序、小游戏以及 Web 通用 Canvas 渲染引擎
AlloyDesigner——For Fast Web Development
AEditor
fenbility/weekly-feed: 推荐的一些值得订阅的Weekly
奇舞团开源项目
Qunar UED
H5交互页编辑器AEditor介绍 | AlloyTeam

¥常用

hotoo/pinyin: 汉字拼音 ➜ hàn zì pīn yīn
pinyin - 汉字拼音转换工具。
Virtual Keyboard
zhangxinxu/ieBetter.js: make ie browser like a morden browser main for ie6~ie8,
ieBetter.js-让IE6-IE8拥有IE9+,Chrome等浏览器特性 « 张鑫旭-鑫空间-鑫生活

¥算法

Ralph-Wang/algorithm.in.js: 数据结构与算法 JavaScript 描述. 章节练习
twobin/twobinSort: 常见排序算法(JS版)
jsAgm/sort.js at master · luofei2011/jsAgm
hechangmin/jssort: 常见排序算法-js版本
lightningtgc/JavaScript-Algorithms: JS算法 数据结构 精华集

¥移动端

ftlabs/fastclick: Polyfill to remove click delays on browsers with touch UIs
mmastrac/jquery-noclickdelay: Removes the 300ms click delay from iOS webviews
【敏捷开发】Android团队开发规范 - Leo.cheng - 博客园
【译】[干货] Android 开发规范与应用 - 简书
ychow/ionic-guide: Ionic 中文指南

¥焦点图

koen301/myfocus: myFocus JavaScript Library
myFocus官方演示站
SuperSlide | TouchSlide 官方网站 大话主席

¥页面 社会化 分享功能

百度分享,为您带来更多流量 - 百度分享
百度分享平台-服务详情-百度开发者中心
Mob官网 - 全球领先的移动开发者服务平台
开发者中心

¥富文本编辑器

UEditor - 首页
在线HTML编辑器
微型、开源的Bootstrap所见即所得(WYSIWYG)富文本编辑器 -- 由MindMup贡献
mindmup/bootstrap-wysiwyg: Tiny bootstrap-compatible WISWYG rich text editor
Bach's Editor
mycolorway/simditor: An Easy and Fast WYSIWYG Editor
Squire
neilj/Squire: HTML5 rich text editor. Try the demo integration at
Quill - Your powerful rich text editor
quilljs/quill: Quill is a modern WYSIWYG editor built for compatibility and extensibility.
wangfupeng1988/wangEditor: wangEditor —— 轻量级web富文本框
wangEditor - 轻量级web富文本编辑器

¥前端概述

前端工程——基础篇 · Issue #10 · fouber/blog
[译] 前端攻略-从路人甲到英雄无敌 - 某熊的全栈之路 - SegmentFault 思否
From Zero to Front-end Hero (Part 1) – freeCodeCamp.org

¥文件上传

Web Uploader
elemefe.github.io/image-cropper/

¥图轮

Swiper - Most Modern Mobile Touch Slider
peunzhang/fullpage: For desktop(ie5.5+) or mobile webApp without jQuery,create full screen pages fast and simple.
qiqiboy/touchslider: TouchSlider是一个轻量级的javascript组件,设计的目的是提供一个可以方便实现全平台(PC及移动端触摸界面)的幻灯slider效果。
peunzhang/slip.js: 移动端跟随手指滑动组件,零依赖。
peunzhang/iSlider: Smooth mobile touch slider for Mobile WebApp, HTML5 App, Hybrid App
saw/touch-interfaces: Building Touch Interfaces with HTML5 - Code Listings
Tiny Circleslider: A lightweight cross browser circular carousel.
TouchSlider — JavaScript slide content
Swiper演示 - Swiper中文网
hahnzhu/parallax.js: 滚动视差效果封装,便于快速调用实现
yanhaijing/zepto.fullpage: 专注于移动端的fullPage.js
Luke's Blog
JefferyWang/nativeShare.js: 一个在手机网页端可以直接调用原生分享的js
聊聊移动端跨平台开发的各种技术 - FEX
NiceSlider - A Lightweight Touch Slider
Slideout.js - A touch slideout navigation menu for your mobile web apps.
Mango/slideout: A touch slideout navigation menu for your mobile web apps.

¥移动端图轮

[WebApp]定宽网页设计下,固定宽度布局开发WebApp并实现多终端下WebApp布局自适应 - plums - 博客园
NiceSlider - A Lightweight Touch Slider

¥模拟select

selectbox
rmm5t/jquery-flexselect: A jQuery plugin that turns regular select boxes into Quicksilver-like, flex-matching, incremental-finding controls.

¥取色插件

jQuery颜色选取器插件COLPICK
jquery/jquery-color: jQuery plugin for color manipulation and animation support.
jQuery颜色选择插件 - 开源软件 - OSCHINA
mattfarina/farbtastic: jQuery Color Wheel

¥城市联动

第74款插件:jquery.cityselect.js基于jQuery+JSON的省市或自定义联动效果 – 爱上JQuery

¥剪贴板

zeroclipboard/zeroclipboard: The ZeroClipboard library provides an easy way to copy text to the clipboard using an invisible Adobe Flash movie and a JavaScript interface.
ZeroClipboard v2.x

¥繁简转换

BYVoid/OpenCC: A project for conversion between Traditional and Simplified Chinese

¥表格 Grid

opensource.facebook.com
Handsontable | JavaScript Data Grid Component For Web Apps
Bootstrap Table · An extended table to integration with some of the most widely used CSS frameworks. (Supports Bootstrap, Semantic UI, Bulma, Material Design, Foundation)

¥在线演示

JS Bin - Collaborative JavaScript Debugging
jsfiddle.net
Ideone.com - Online Compiler and IDE >> C/C++, Java, PHP, Python, Perl and 40+ other compilers and interpreters
创建新代码 | JShare
JSDM
SQL Fiddle
Mozilla 打造的 Thimble - 一个在线代码编辑器,适合学习和教育工作者。
CodePlex Archive
CodeProject - For those who code
Learn, Code and Share on Tutorialzine

¥常规优化

Javascript高性能动画与页面渲染
给网页设计师和前端开发者看的前端性能优化 - 优设网 - UISDC
YSLOW 中文文摘 - YSLOW 中文介绍 - 博客园
转一篇Yahoo关于网站性能优化的文章,兼谈本站要做的优化 - 文章 | 360ITO技术社区 360ito.com
Yahoo!团队实践分享:网站性能优化的34条黄金守则(一)—内容
网站性能优化指南:什么使我们的网站变慢? | 加速乐's Blog_Jiasule.com
网站性能优化实践,减少加载时间,提高用户体验 - 动易软件
【高性能前端1】高性能HTML | AlloyTeam
【高性能前端2】高性能CSS | AlloyTeam
由12306.cn谈谈网站性能技术 | | 酷 壳 - CoolShell
毫秒必争,前端网页性能最佳实践 - 微软互联网开发支持 - 博客园
Best Practices for Speeding Up Your Web Site - Yahoo Developer Network
网站性能工具Yslow的使用方法_米启点-前端开发_新浪博客
前端工程精粹(一):静态资源版本更新与缓存
前端工程精粹(二):静态资源管理与模板框架
HTTPS连接的前几毫秒发生了什么 - 文章 - 伯乐在线
Yslow
YUISlide,针对移动设备的动画性能优化
让网站提速的最佳前端实践 - 我的技术博客 - SegmentFault 思否
Website Loading Speed | Website Optimization
Need for Speed – How to Improve your Website Performance · Devbridge
阿里无线前端性能优化指南 (Pt.1 加载期优化) · Issue #1 · amfe/article
amfe/amfe-appear: 可视区域懒加载组件
amfe/ml: 无线前端库

¥优化工具

JavaScript 性能分析新工具 OneProfile - OneAPM技术博客 - 前端乱炖
JavaScript 堆内存分析新工具 OneHeap - OneAPM技术博客 - 前端乱炖

¥在线工具

developers.google.com
HTML/CSS/Javascript在线代码运行工具 | 菜鸟教程
代码在线运行 - 在线工具

¥前端架构

技术架构 - 知乎
如何成为前端架构师? - 知乎
百度腾讯offer比较(腾讯游戏VS百度基础架构)? - 知乎

¥推荐作品

gist.github.com
实例索引
hongru/hongru.github.com: hongru.github.com
米空格
一些写过的作品 - Laoshu133.com
Koen's Project
SeaJS 组件库
颜海镜的项目
javascript个人作品 - A JavaScript Fancier - IT博客
【妙味课堂】我用 JavaScript 写游戏之 -- 雷东升作品集 - 妙味学员作品展 - 妙味茶馆 - Powered by Discuz!
HTML5和Javascript作品与技术分享-CSDN论坛
TooBug/works: 一些比较老的作品
WEB前端在线测试
博客词云 | Dron 博客
javascript黑白棋人机博弈游戏 版本:1.02
fromone | to be unique
Guille Paz - Front-end Developer
zmmbreeze/DeadSimpleVideoPlayer: Dead simple html5 Video player.
Proton

¥面试题

My-blog/Front-end-Developer-Questions at master · markyun/My-blog
fex-team/interview-questions: FEX 面试问题
paddingme/Front-end-Web-Development-Interview-Question: 前端开发面试题大收集,前端面试集锦
qiu-deqing/FE-interview: 收集的前端面试题和答案
My-blog/README.md at master · markyun/My-blog
前端开发面试题 - weakish - SegmentFault 思否
如何面试前端工程师? - 知乎
2014年最新前端开发面试题 - 最新【前端面试题】收集-MarkYun - 前端乱炖
如何面试一名前端开发工程师? - 大搜车前端团队专栏 - 前端乱炖
2016校招内推 -- 阿里巴巴前端 -- 四面面试经历 - -渔人码头- - 博客园
年后跳槽那点事:乐视+金山+360面试之行 - 吕大豹 - 博客园
js 也来 - 【拉勾专场】抛弃简历!让代码说话! - 楼教主 - 博客园
前端工作面试问题 - allenxing - 博客园
前端实习生面试总结 - 晓婼 - 博客园
Interviewing a Front-End Developer | Underdog.io

¥移动,微信调试

STF | Smartphone Test Farm
UC Plus —— 为开发者提供服务而生
无线调试攻略 - THX

¥微信调试的那些事

ww17.blog.qqbrowser.cc
jieyou/remote_inspect_web_on_real_device: 各种真机远程调试方法汇总——“真机远程调试”(remote inspect web on real device),是指用桌面电脑(PC或MAC)远程连接上移动设备,通过类似Chrome浏览器开发人员

¥浏览器同步

leeluolee/puer: more than a live-reload server, built for efficient front-end development
超简单工具puer——“低碳”的前后端分离开发 | 拴萝卜的棍子
LiveReload
getf5.com - getf5 Resources and Information.
如何为WebStorm设置SASS的File Watchers?-前端集合 - 关注前端技术和互联网免费资源
BrowserSync/browser-sync: Keep multiple browsers & devices in sync when building websites. http://browsersync.io
Browsersync中文网 - 省时的浏览器同步测试工具

¥在线PPT制作

ebow/bespoke-fx: CSS slide transitions for Bespoke.js
Seldaek/slippy: HTML Presentations
Cleaver快速制作网页PPT | 晚晴幽草轩
impress.js初体验 - 前端装X利器 - 聂微东 - 博客园
声享 - 在线制作 PPT,让分享更有价值

¥前端导航网站

iyfnzgb.com/?pid=9PO1H9V71&dn=uxbees.com
前端网址导航-大前端
前端导航站 - 前端工程师专用的导航站
jserme/123.jser.us: 一个前端导航站 http://123.jser.us
Haourl 站长网址导航_站长的上网主页!
前端开发仓库 - Code for Web Developer
jnoodle/f2e-collect: 前端开发相关的社区、网站、博客、资源等搜集
F2E 前端导航 - 前端工程师专用的导航

¥常用CDN

lib.sinaapp.com
BootCDN - Bootstrap 中文网开源项目免费 CDN 加速服务
Staticfile CDN
staticfile/cli: Staticfile command line utility
jQuery cdn加速
jQuery CDN
Microsoft Ajax Content Delivery Network | Microsoft Docs

¥各种日期日历

强大的独立日期选择器(date picker)插件 - Kalendae - igeekbar - 博客园
FullCalendar - JavaScript Event Calendar
fullcalendar/fullcalendar: Full-sized drag & drop event calendar
fullcalendar日历控件知识点集合 - FrancisLaw的学园 - CSDN博客
zzyss86/LunarCalendar: 农历(阴历)万年历,是一款支持Node.js和浏览器端使用的全功能农历和公历日历类库。支持农历与公历之间相互转换,含有二十四节气,天干地支纪年纪月纪日,生肖属相,公
30 Best Free Calendar & Datepicker jQuery Plugins
Pikaday: JavaScript datepicker – David Bushell – Web Design (UK)
Datepair.js – Demos and Documentation
glad/glDatePicker: An ultra-simple, customizable, light-weight date picker plug-in for jQuery
Date picker – pickadate.js
Cross platform UI for progressive web and hybrid apps | Mobiscroll

¥效果类

HTML5 有哪些让你惊艳的 demo? - 知乎
焦点图轮播特效制作视频教程-慕课网

¥弹出层

aui/artDialog: 经典的网页对话框组件
artDialog
Google Code Archive - Long-term storage for Google Code Project Hosting.
bh-lay/UI: 响应式用户交互组件库

¥优秀JavaScript项目

PatrickJS/angular-starter: An Angular Starter kit featuring Angular (Router, Http, Forms, Services, Tests, E2E, Dev/Prod, HMR, Async/Lazy Routes, AoT via ngc), Karma, Protractor, Jasmine, Istanbul, TypeScript, TsLint, Codelyzer, Hot Module Replacement, @t
fex-team/fis3-demo: fis3 demo
JsAaron/jQuery: 前端JQuery系列
microsoft/ChakraCore: ChakraCore is the core part of the Chakra JavaScript engine that powers Microsoft Edge
STRML/strml.net: STRML: Projects & Work
STRML: Projects and Work
zxlie/FeHelper: 😍FeHelper--Web前端助手(Awesome!Chrome & Firefox Extension, All in one Toolbox!)
BryanYang/freechat: nodejs 的一个聊天软件,类似微信。
stkevintan/Cube: A cross-platform web music player in nw.js
fex-team/ueditor: rich text 富文本编辑器
fex-team/kityminder-core: 强大的脑图可视化工具
ellisonleao/clumsy-bird: A MelonJS port of the famous Flappy Bird Game
taisel/IodineGBA: JavaScript GameBoy Advance emulator.
SegmentFault/HyperDown: 一个结构清晰的,易于维护的,现代的PHP Markdown解析器
SegmentFault/HyperDown.js
TryGhost/Ghost: 👻 The #1 headless Node.js CMS for professional publishing
ruanyf/react-demos: a collection of simple demos of React.js

¥其它

Framework7 - Full Featured Mobile HTML Framework For Building iOS & Android Apps - cn
扉页 · GitBook
RubyLouvre/mass-Framework: 一个模块化,面向大规模开发的javascript框架
RubyLouvre/avalon: an elegant efficient express mvvm framework
OniUI
RubyLouvre/avalon.oniui: 基于avalon的组件库
草料二维码生成器

计算机科学(Computer Science,CS)

$计算机科学--github

《Growth: 全栈增长工程师指南》

phodal/growth-ebook: Growth Engineering: The Definitive Guide。全栈增长工程师指南
Growth: 全栈增长工程师指南 –

《How to be a Programmer》

braydie/HowToBeAProgrammer: A guide on how to be a Programmer - originally published by Robert L Read
Choose a language · How to be a Programmer

《Phodal's Idea实战指南》

phodal/ideabook: 一个全栈增长工程师的练手项目集. A Growth Engineering Idea in Action.
Phodal's Idea实战指南 –

《RePractise》

phodal/repractise: RePractise
RePractise –

《全栈增长工程师实战》

phodal/growth-in-action: 全栈增长工程师实战
Growth 实战篇 Django版 –

《写给软件工程师看的硬件编程指南》

phodal/make: 写给软件工程师看的硬件编程指南
硬件开发指南 –

《计算机速成课》

1c7/Crash-Course-Computer-Science-Chinese: 计算机速成课 | Crash Course 字幕组 (全40集 2018-5-1 精校完成)
【计算机科学速成课】[40集全/精校] - Crash Course Computer Science_哔哩哔哩 (゜-゜)つロ 干杯~-bilibili

developer-roadmap

kamranahmedse/developer-roadmap: Roadmap to becoming a web developer in 2020
developer-roadmap/translations/chinese at master · kamranahmedse/developer-roadmap
Developer Roadmaps

missing-semester-cn

missing-semester-cn
missing-semester-cn/missing-semester-cn.github.io: the CS missing semester Chinese version
计算机教育中缺失的一课 · the missing semester of your cs education

TeachYourselfCS

keithnull/TeachYourselfCS-CN: TeachYourselfCS 的中文翻译 | A Chinese translation of TeachYourselfCS
Teach Yourself Computer Science

tech-interview-handbook

yangshun/tech-interview-handbook: 💯 Materials to help you rock your next coding interview
Tech Interview Handbook | Tech Interview Handbook

awesome · GitHub Topics
awesome-list · GitHub Topics
awesome-lists · GitHub Topics
pim-book/programmers-introduction-to-mathematics: Code for A Programmer's Introduction to Mathematics
davideuler/architecture.of.internet-product: 互联网公司技术架构,微信/淘宝/微博/腾讯/阿里/美团点评/百度/Google/Facebook/Amazon/eBay的架构,欢迎PR补充
EZLippi/practical-programming-books: 这里收录比较实用的计算机相关技术书籍,可以在短期之内入门的简单实用教程、一些技术网站以及一些写的比较好的博文,欢迎Fork,你也可以通过Pull Request参与编
yszhao91/xtorcga: CGA 3D 计算几何算法库 | 3D Compute Geometry Algorithm Library
sindresorhus/awesome: Curated list of awesome lists
serhii-londar/open-source-mac-os-apps: 🚀 Awesome list of open source applications for macOS.
jaywcjlove/awesome-mac:  This repo is a collection of awesome Mac applications and tools for developers and designers.
Awesome-Windows/Awesome: An awesome & curated list of best applications and tools for Windows.
TIM168/technical_books: IT技术书籍
SummerJoan3/books: 计算机学习资源,电子书
staticfile/static: 开放静态文件 - 为开源库提供稳定、快速的免费 CDN 服务
wg689/Solve-App-Store-Review-Problem: a collection to solve app store review problem (ipv6,ipv6被拒绝,后台定位等审核问题的终极解决方案汇总)
Kickball/awesome-selfhosted: This is a list of Free Software network services and web applications which can be hosted locally. Selfhosting is the process of locally hosting and managing applications instead of renting from SaaS providers.
brianlovin/security-checklist: A checklist for staying safe on the internet
greatghoul/remote-working: 收集整理远程工作相关的资料
AmazingApps/Amazing-Windows-Apps: 📗Introduce you amazing Windows apps🕶READ ONLINE 👉
SecWiki/sec-chart: 安全思维导图集合
zdhxiong/Material-Design-Chinese: Material Design 指南的中文翻译
IndrajeetPatil/ggstatsplot: Collection of functions to enhance ggplot2 plots with results from statistical tests.
leereilly/games: A list of popular/awesome videos games, add-ons, maps, etc. hosted on GitHub. Any genre. Any platform. Any engine.
Awesome-Coder/MindMap at master · wxyyxc1992/Awesome-Coder
rstacruz/cheatsheets: My cheatsheets
ProtoTeam/blog: 蚂蚁数据体验技术团队的文章仓库
mathiasbynens/small: Smallest possible syntactically valid files of different types
ifuture-pro/developer-notes: 开发者笔记。包含:DevOps,微服务,分布式,高可用,区块链,白皮书,算法,黑客,设计模式,面试题
aosabook/500lines: 500 Lines or Less
ossu/computer-science: Path to a free self-taught education in Computer Science!
liweiwei1419/LeetCode-Solutions-in-Good-Style: 我的 LeetCode 做题记录,正在加紧练习中。
QSCTech/zju-icicles: 浙江大学课程攻略共享计划
PKUanonym/REKCARC-TSC-UHT: 清华大学计算机系课程攻略 Guidance for courses in Department of Computer Science and Technology, Tsinghua University
danistefanovic/build-your-own-x: 🤓 Build your own (insert technology here)
pengisgood/awesome-mirrors: Mirrors for developers behind the wall.Mirrors for developers behind the wall. Here are the mirrors, including but not limited to Docker, Nodejs, Python, Java, Goproxy, Ruby, Alpine apk, Centos yum, Debian apt, Ubuntu apt, Homebrew, iOS
xingshaocheng/architect-awesome: 后端架构师技术图谱
EarsEyesMouth/computerese-cross-references: 计算机专业术语中英文对照。
jwasham/coding-interview-university: A complete computer science study plan to become a software engineer.
CyC2018/CS-Notes: 技术面试必备基础知识、Leetcode、计算机操作系统、计算机网络、系统设计、Java、Python、C++
tuvtran/project-based-learning: Curated list of project-based tutorials
chyyuu/simple_os_book: simple os book
kevingo/coding-interview-university-zh-tw: coding-interview-university 繁體中文翻譯計畫。原作者:https://github.com/jwasham/coding-interview-university
xx-zh/xx-zh-roadmap: 中文翻译 Road Map
jwasham/computer-science-flash-cards: Mini website for testing both general CS knowledge and enforce coding practice and common algorithm/data structure memorization.
adambard/learnxinyminutes-docs: Code documentation written as code! How novel and totally my idea!
iamshuaidi/CS-Book: 计算机类常用电子书整理,并且附带下载链接,包括Java,Python,Linux,Go,C,C++,数据结构与算法,人工智能,计算机基础,面试,设计模式,数据库,前端等书籍
therealsreehari/Learn-Datascience-For-Free
dwmkerr/hacker-laws: 💻📖 Laws, Theories, Principles and Patterns that developers will find useful. #hackerlaws
nusr/hacker-laws-zh: 💻📖对开发人员有用的定律、理论、原则和模式。(Laws, Theories, Principles and Patterns that developers will find useful.)
jlevy/og-equity-compensation: Stock options, RSUs, taxes — read the latest edition: www.holloway.com/ec
liuxinyu95/unplugged: Open book about math and computer science.
HIT-Alibaba/interview: 笔试面试知识整理
ligurio/software-quality-wiki: Software Quality Wiki
hackerkid/Mind-Expanding-Books: Books everyone should read!
TalAter/awesome-book-authoring: A collection of awesome resources for technical book authors
sger/ElixirBooks: List of Elixir books
Search · book

$计算机科学--掘金

《「数理逻辑」》

「数理逻辑」| “我知道你不知道”!
「数理逻辑」| 德·梅齐利亚克砝码!
「数理逻辑」| 天黑请闭眼!
「数理逻辑」| 赛马!

《计算机组成原理》

计算机组成原理 | 为什么浮点数运算不精确?(阿里笔试)
计算机组成原理 | Unicode 和 UTF-8是什么关系?
「计算机原理」| CPU 缓存 & 缓存一致性 & 伪共享

《计算机网络》

计算机网络 | 图解 DNS & HTTPDNS 原理
💗前端需要了解的计算机网络知识, 这一篇就够了!(图文并茂,万字长文,点赞收藏哦!)
14期-连肝7个晚上,总结了计算机网络的知识点!(共66条)
大二逃课总结的1.2w字的计算机网络知识!扫盲! - 知乎

《操作系统》

操作系统 | 中断 & 系统调用浅析

【非科班前端】注意了! 计算机组成原理知识已送到你嘴边! - 掘金
【英】专业编程资源 - 前端 - 掘金
程序员不得不了解的硬核知识大全 - 掘金
程序员不得不了解的硬核知识大全
小白如何学习操作系统?
5万字、97 张图总结操作系统核心知识点
计算机电子书 2020 CDNDrive 备份(预览版 II)
浅谈鸿蒙线程管理
必须收藏:20个开发技巧教你开发高性能计算代码

$计算机科学--CSDN

查看端口被占用的情况以及如何解除端口占用 - langqiao123的专栏 - CSDN博客
UML类图几种关系的总结 - CSDN博客

$计算机科学--简书

$计算机科学--SegmentFault 思否

$计算机科学--知乎

CS科研狗心目中的A-Z站/1-10站。 - 知乎

$计算机科学--博客园

$计算机科学--微信

对不起,学会这些计算机基础知识后我飘了
太赞了:中文版开源!这或许是最经典的计算机编程教材
新冠抗疫开源项目大汇总
全!GitHub 总星 5.7w+,最赞的操作系统软件都在这里啦!

$计算机科学--哔哩哔哩

$黑客(hack)

jwx0539/hackingLibrary: ‪APT,‬ ‪Cyber warfare,‬ ‪Penetration testing,‬ ‪Zero-day,Exploiting,‬ ‪Spyware,Malwares evade anti-virus detection,‬ ‪Rookit CYPTER,‬ ‪Antiviruses Bypassing-av,‬ ‪WORMS,Sandbox-Escape,‬ ‪Memory-inj

$计算机网络

[Network] 计算机网络基础知识总结 - Poll的笔记 - 博客园
计算机网络基础知识总结

$数据建模

收藏!数据建模最全知识体系解读

$物联网

《自己动手设计物联网》

phodal/designiot: 教你设计物联网系统。构建自己的Internet of Things 。
phodal.github.io/designiot/

Demos of open web technologies | MDN
Security Checklist
How to learn all programming languages, YES! ALL!
资源分享-软件服务

作品、博客、论坛&社区

¥GitHub&Gitee

fossasia.org

fossasia/fossasia.org: FOSSASIA Website https://fossasia.org

freecodecamp.cn

FreeCodeCampChina/freecodecamp.cn: FCC China open source codebase and curriculum. Learn to code and help nonprofits.
huluoyang/freecodecamp.cn: 随着FCC中文社区的快速发展和更多小伙伴的崛起,此项目已从个人项目升级到团队项目。详情请移步:

jsliang

LiangJunrong/document-library: jsliang 的文档库. 里面包含了所有的前端文章,例如 vue、react,、angular、微信小程序、设计模式等……
首页 · jsliang 的文档库
document.jsliang.top

lengstorf.com

jlengstorf/lengstorf.com: Source for lengstorf.com, Jason Lengstorf's personal site.

LinkAce

Kovah/LinkAce: Your self-hosted bookmark archive. Free and open source.
LinkAce - Your self-hosted bookmark archive. Free and open source.

trivago

trivago N.V.
trivago tech blog · trivago tech blog

GitHub
withspectrum/spectrum: Simple, powerful online communities.
Baidu
coryhouse/javascript-development-environment: JavaScript development environment discussed in "Building a JavaScript Development Environment" on Pluralsight
mqyqingfeng/Blog: 冴羽写博客的地方,预计写四个系列:JavaScript深入系列、JavaScript专题系列、ES6系列、React系列。
whinc/blog: whinc 的个人博客
berwin/Blog: 记录成长的过程
xiaoyu2er/blog: 小鱼二的博客, 喜欢的话请点star :D
sihai00/blog: blog
Weiyu-Chen (陈微语)
DDFE/DDFE-blog: welcome to DDFE's blog
hve-notes/hve-notes: ✍️一个静态博客写作客户端 (A static blog writing client)
amfe/article
fouber/blog: 没事写写文章,喜欢的话请点star,想订阅点watch,千万别fork!
Issues · lifesinger/blog
Issues · tmallfe/tmallfe.github.io
Issues · mqyqingfeng/Blog
Issues · cssmagic/blog
lcxfs1991/blog: leehey's blog -- 请star或者watch
youngwind/blog: 梁少峰的个人博客
senntyou/blogs: 个人博客: Web, 前端, JavaScript, NodeJs, Electron, Babel, Webpack, Rollup, React, Vue ...
wuyawei/fe-code: 🍹🍰 愉快的写代码~(文章合集)
LeuisKen/leuisken.github.io: LeuisKen的个人博客
webfansplz/article: record and share
FrankFang/best-chinese-front-end-blogs: 收集优质的中文前端博客
eisneim (Eisneim Terry)
sitexa
chyingp/blog: 程序猿小卡的博客
helloqingfeng/Awsome-Front-End-learning-resource: GitHub最全的前端资源汇总仓库(包括前端学习、开发资源、求职面试等)
FENews/FENews.org: http://fenews.org
yygmind/blog: 我是木易杨,网易高级前端工程师,跟着我每周重点攻克一个前端面试重难点。接下来让我带你走进高级前端的世界,在进阶的路上,共勉!
blog/3.md at master · ProtoTeam/blog
YvetteLau/Blog: 【前端进阶】优质博文
justemit/coding-note: 编程知识学习,涉及python、bash、js等语言,主要记录前端知识
palmerye/palmerye.github.io: Personal Blog
gershonv/my-code-store: 此仓库用来存放博客中使用到的代码、或者一些学习记录的代码
logan70/Blog: 写博客的地方,觉得有用的给个Star支持一下~
dolymood/dolymood.github.com: 我的博客
xianshenglu/blog: My blog
sorrycc/blog: 💡
sanyuan0704/my_blog: 神三元的博客,一起构建完整知识体系
shfshanyue/blog: 在这里写一些工作中遇到的前端,后端以及运维的问题
ruanyf/weekly: 科技爱好者周刊,每周五发布
suoyuesmile/suo-blog: 技术博客文章、笔记、实战、技术探讨、资源收集等等
pkwenda/new-bee: 开源社区 vue + springBoot - 前后分离微服务的最佳实践
[印记中文](docschina.org)
mcuking/blog: 技术成长过程中的总结
ljianshu/Blog: 个人博客及其源代码
dt-fe/weekly: 前端精读周刊
shekhargulati/52-technologies-in-2016: Let's learn a new technology every week. A new technology blog every Sunday in 2016.
roger-hiro/BlogFN: 前端劝退指南,公众号[前端劝退师]的作者
wubaiqing/zaobao: 每日时报,以前端技术体系为主要分享课题。根据:文章、工具、新闻、视频几大板块作为主要分类。
FrankKai/FrankKai.github.io: 趁你还年轻的技术博客,主要包括前端,NodeJS,运维和随想。文章在issues。目前主要从事前端开发工作。
LuckyWinty/blog: This is the project which is used as my blog.
KRISACHAN/ying-study: something knowledge about web
a1029563229/blogs: 博客文章收录
shen100/mili: mili 是一个开源的社区系统,界面优雅,功能丰富😛
GoogleChrome
wangdoc
simon9124/my_demos: 深入前端核心理论,记录个人博客
qufei1993 (五月君)
kujian (前端开发博客)
azl397985856/automate-everything: 这是我准备写的第一本书,其实早些时候已经打算开始写书了,只是苦于没有写书经验,无从下手。写书不同于博客,写书需要将知识,经验等系统化地讲述出来,而我现在恰巧缺乏这种表现能力。因此我决定在这里将项目中零散的东西记录下来,然后后期润色一下,写成一本书。
aCoder2013/blog: 个人博客,记录个人总结(见issues)
biaochenxuying/blog: 大前端技术为主,读书笔记、随笔、理财为辅,做个终身学习者。
iQIYI
Bytedance Inc.
Tencent
public-apis
semlinker/semlinker: 阿宝哥的Github天地
o2team/tech-weekly: JELLY Tech Weekly
i-want-offer/FE-Essay: 记录前端重要知识点和遇到的好文章,同时还有前端重要算法知识,但最关键的是包含各大小厂真题。
OpenMessaging
AllenDowney (Allen Downey)
开源中国
OpenHarmony: OpenHarmony是开放原子开源基金会(OpenAtom Foundation)旗下开源项目,定位是一款面向全场景的开源分布式操作系统,第一个版本支持128K-128M设备上运行。
shengxinjing (花果山大圣)
xitu/gold-miner: 🥇掘金翻译计划,可能是世界最大最好的英译中技术社区,最懂读者和译者的翻译平台:
forthealllight/blog: 📖我的博客,记录学习的一些笔记,如有喜欢,欢迎star

¥掘金个人主页

政采云前端团队 的个人主页 - 专栏 - 掘金
编程之上 的个人主页 - 专栏 - 掘金
阅文集团前端团队 的个人主页 - 专栏 - 掘金
cxuan 的个人主页 - 专栏 - 掘金
各大公司的技术博客合集 - 工具资源 - 掘金
[译]如何撰写精彩的技术博客文章 - 掘金
神三元 的个人主页 - 专栏 - 掘金
掘金 - juejin.im - 一个帮助开发者成长的社区
前端早早聊 的个人主页 - 专栏 - 掘金
承志 的个人主页 - 专栏 - 掘金
TianTianUp 的个人主页 - 专栏
承志 的个人主页 - 专栏
vivo互联网技术 的个人主页 - 专栏
LinDaiDai_霖呆呆 的个人主页 - 专栏
谭光志 的个人主页
jsliang 的个人主页
隐冬 的个人主页
徐小夕 的个人主页
大帅搞全栈 的个人主页
蜗牛老湿_大圣 的个人主页
杭州程序员张张 的个人主页
工业聚 的个人主页
Solomon_肖哥弹架构 的个人主页
ChanningHyl🙌 的个人主页
阿里巴巴淘系技术 的个人主页
蓝色的秋风 的个人主页
TianTianUp 的个人主页
梨香 的个人主页
小小Mac 的个人主页
红尘炼心 的个人主页
xL丶 的个人主页
全栈然叔 的个人主页
MacroZheng 的个人主页
阿宝哥 的个人主页
ssh_晨曦时梦见兮 的个人主页
程序员cxuan 的个人主页
蝌蚪哥 的个人主页
我是十三 的个人主页
小姐姐味道 的个人主页
网易云音乐大前端团队 的个人主页
前端印象 的个人主页
敖丙 的个人主页
阅文前端团队 的个人主页
炽翎 的个人主页
爱创课堂前端技术分享 的个人主页
Mr_无忧 的个人主页
童欧巴 的个人主页
橙红年代 的个人主页
秉心说TM 的个人主页
插猹的闰土 的个人主页
前端布吉岛 的个人主页
政采云前端团队 的个人主页
彭丑丑 的个人主页
沉默王二 的个人主页
Gopal 的个人主页
子弈 的个人主页
风不识途 的个人主页
Efox 的个人主页
漆黑之牙_ 的个人主页
马称 的个人主页
程序员小灰 的个人主页
杨村长 的个人主页
前端精 的个人主页
前端小黑 的个人主页
捡田螺的小男孩 的个人主页
杨溜溜 的个人主页
技术漫谈 的个人主页
乂乂又又 的个人主页
Henrylulu 的个人主页
vivo互联网技术 的个人主页
阿里巴巴云原生 的个人主页
一角钱技术 的个人主页
承志 的个人主页
美团技术团队 的个人主页
罗西的思考 的个人主页
五柳 的个人主页
HollisChuang 的个人主页
小木箱 的个人主页
Up&up 的个人主页
@baby张 的个人主页
_风清洋 的个人主页
IT霈哥 的个人主页
bigsai 的个人主页
雄哥666 的个人主页
前端开发小马哥 的个人主页
爱笑的架构师 的个人主页
希沃ENOW大前端 的个人主页
cscw 的个人主页
京东设计中心JDC 的个人主页
Java劝退师 的个人主页
神奇的程序员 的个人主页
冰_河 的个人主页
闲鱼技术 的个人主页
why技术 的个人主页
方凳雅集 的个人主页
晓前端 的个人主页
Bezier 的个人主页
null仔 的个人主页
码猿技术专栏 的个人主页
李CHENGXI 的个人主页
卧夜思雨 的个人主页
刘望舒 的个人主页
前端小智 的个人主页
月伴飞鱼 的个人主页
我不是外星人 的个人主页
手撕红黑树 的个人主页
程序员内点事 的个人主页
张风捷特烈 的个人主页
苍耳叔叔 的个人主页
Taoye 的个人主页
Jimmy 的个人主页
Web前端严选 的个人主页
凹凸实验室 的个人主页
Five在努力 的个人主页
前端开发博客 的个人主页
四年,如何从前端小白蜕变为前端技术专家?
jsliang 的个人主页 - 专栏
魔王哪吒 的个人主页 - 专栏
阿宝哥 的个人主页 - 专栏

¥CSDN

粉丝们务必加入微信粉丝群_前端小智@大迁世界_CSDN博客-前端,javascript,CSS创意特效领域博主
CSS创意特效_前端小智_前端小智@大迁世界-CSDN博客
CSDN Chrome插件来了。助开发者提升开发效率,远离996_CSDN开发者助手https://plugin.csdn.net/?from=blog-CSDN博客
超逸の学习技术博客_一百个Chocolate_CSDN博客-算法,Vue全家桶系列,Codeforces✍领域博主
CSDN - 专业开发者社区

¥SegmentFault 思否

SegmentFault 思否
标签树 - SegmentFault 思否
掘金精选 - SegmentFault 思否
阿宝哥 - SegmentFault 思否

¥简书

《认知升级》

01 认知升级:认知共识 - 简书
02 认知升级:思考脑与反射脑 - 简书
03 认知升级:习以为常 - 简书
04 认知升级:时间管理 - 简书
05 认知升级:注意力 - 简书
06 认知升级:执行力 - 简书
07 认知升级:贵人 - 简书
08 认知升级:会议 - 简书
08 认知升级:跳出舒适区 - 简书
09 认知升级:职业规划 - 简书
10 认知升级:时间换空间 - 简书
快速成长第一步:完成自己的认知升级 - 简书
快速成长第二步:自我成长的方法论 - 简书

彭旭锐 - 简书

¥oschina

OSCHINA - 中文开源技术交流社区

¥知乎

颜海镜的博客 - 知乎
前端外刊评论 - 知乎
Lucas 的前端杂谈 - 知乎
敬昭先生 - 知乎
前端技术漫游指南 - 知乎
前端开发博客 - 知乎

¥博客园

吕大豹 - 博客园
红脸书生 - 博客园

¥语雀

工作台 · 语雀
前端小册 · 语雀
Blog · 语雀
CRPER · 语雀
语雀 · 语雀
前端早早聊大会 · 语雀
前端时空 · 语雀

¥看云

我的文档 · 看云
jenemy(@wujie520303) · 看云

¥微信

Shopee前端负责人分享如何突破技术与业务的瓶颈
建立属于自己的博客?看这篇就够了
内部披露!最新互联网大厂的薪资和职级

¥虫洞栈

fuzhengwei/CodeGuide: 本代码库是作者小傅哥多年从事一线互联网 Java 开发的学习历程技术汇总,旨在为大家提供一个清晰详细的学习教程,侧重点更倾向编写Java核心内容。如果本仓库能为您提供帮助,请给予支持(关注、点赞、分享)!
bugstack虫洞栈 | 沉淀、分享、成长,让自己和他人都能有所收获
全栈修仙之路-源码探秘篇-v1.0.pdf - 文档分享 - bugstack虫洞栈 - Powered by kodbox
重学TS-v1.0.pdf - 文档分享 - bugstack虫洞栈 - Powered by kodbox
全栈修仙之路-前端进阶篇-v1.1.pdf - 文档分享 - bugstack虫洞栈 - Powered by kodbox

How-To-Ask-Questions-The-Smart-Way

ryanhanwu/How-To-Ask-Questions-The-Smart-Way: 本文原文由知名 Hacker Eric S. Raymond 所撰寫,教你如何正確的提出技術問題並獲得你滿意的答案。
FredWe/How-To-Ask-Questions-The-Smart-Way: Any update requests plz redirect to original --->
ruby-china/How-To-Ask-Questions-The-Smart-Way: 本文原文由知名Hacker Eric S. Raymond 所撰寫,教你如何正確的提出技術問題並獲得你滿意的答案。

作品

CSS3网站作品

全球酷站秀:15个顶尖的 CSS3 网站作品 - 梦想天空(山边小溪) - 博客园

个人作品网站

国外酷站设计:10个漂亮的个人作品网站 - 梦想天空(山边小溪) - 博客园
lvqq/Demos: repository for my demo pages

纹理在网页设计中的示例

优秀设计:纹理在网页设计中的20个应用示例 - 梦想天空(山边小溪) - 博客园
使用一个纹理贴图集 - 《Pixi教程》 - 书栈网(BookStack.CN)

复古怀旧风格的网站作品

另类网页设计:30个复古怀旧风格的网站作品 - 梦想天空(山边小溪) - 博客园

Filament Group, Inc. | User Interface Design & Responsive, Accessible, Resilient Web Development | Filament Group, Inc.
WEB开发中40+高质量的免费资源【多图但值得一看】 - 掘金
那些所倚靠的利器记载 | 晚晴幽草轩
25个精美的个人作品集网站,激发灵感 - 梦想天空(山边小溪) - 博客园
9个项目助你在2020年成为前端大神!
前端进阶必备的七个开源项目!(必看)

程序员如何优雅的挣零花钱

程序员兼职

国内可以为程序员提供兼职的平台有哪些? - zp596861100的博客 - CSDN博客
自由职客-IT技术,中国自由职客灵活用工交易平台_自由职客
兼职程序员_兼职工程师_工程师|程序员兼职平台-猿急送
程序员远程工作-程序员兼职-技术问答-组建团队-IT镖局
erp管理系统-软件app制作开发公司-微信小程序开发-网站制作建设公司-安卓android开发-米鼠网
程序员客栈-领先的程序员自由工作平台
码市 - 互联网软件外包服务平台
比teamviewer更屌的远程软件,程序员莫错过 - u011277123的博客 - CSDN博客
程序员兼职招聘信息-兼职吧
快码 - 软件开发,就找快码!认准域名Kuai.ma
Toppro - 按需雇佣顶尖专业人才
实现网 - 按需雇佣 BAT 工程师、设计师
开源众包-百万开发者,为您提供专业的软件开发服务
FD自由开发者
强烈推荐 12 款适合程序员赚副业的后台管理系统的项目!

easychen/howto-make-more-money: 程序员如何优雅的挣零花钱
技术文章的写作技巧分享 - 掘金
写给前端程序员的英文学习指南 | 掘金技术征文-双节特别篇
102个副业赚钱平台汇总 - 知乎
(1 封私信 / 81 条消息) 怎么在空闲时间用网络赚钱且收入不低于50? - 知乎
程序员如何优雅的挣零花钱?

阮一峰的个人网站 - Ruan YiFeng's Personal Website
阮一峰的个人网站 - Ruan YiFeng's Personal Website
张鑫旭的个人主页 » 张鑫旭-鑫空间-鑫生活
Newest 'javascript' Questions - Stack Overflow
Wis Chu
web前端 - IT610.com
图灵社区
码云 - 开源中国
前端网址导航 - WHYCSS
中国大学MOOC(慕课)_最好的在线课程学习平台
网易云课堂 - 领先的实用技能学习平台
协议分析网
慕课网
前端网(QDFuns) WEB前端开发工程师专业网站,一站式服务平台!
Stack Overflow - Where Developers Learn, Share, & Build Careers
智能社论坛-专业 专注 分享
草依山的Javascript世界
李成银的博客
微人类
V2EX
Edit fiddle - JSFiddle
郭大大的博客
Learn, Code and Share on Tutorialzine
Spectrum
Open Hub, the open source network
无忧脚本 - Powered by Discuz!
CodeProject - For those who code
SourceForge - Download, Develop and Publish Free Open Source Software
ITPUB技术论坛_中国专业的IT技术社区
CodePlex Archive
将社交网络交还予你 - The Mastodon Project
首页 | 技术胖-胜洪宇关注web前端技术-前端免费视频第一博客
找不到相关内容 - InfoQ
资源列表_良许的个人网站
仪表盘 ‹ 良许的个人网站 — WordPress
EFE Tech - 百度EFE(Excellent FrontEnd)技术体系
庞国明 博客
Creative Commons — Attribution-NonCommercial 4.0 International — CC BY-NC 4.0
V2EX
拭目以待 loveJavascript
Home - 廖雪峰的官方网站
软硬皆施
分类 | 郭大大的博客
山月行
https://www.iteye.com/blog/user/jinnianshilongnian
Winty Blog
若川的博客-前端视野 | 若川的博客
首页 - 政采云前端团队
Zoo Weekly - 政采云前端小报
首页 | Jeskson-达达前端
图雀社区 - 汇集精彩的实战技术教程
印记中文 - 深入挖掘国外前端新领域,为中国 Web 前端开发人员提供优质文档!
淘系前端团队
An Introduction to JavaScript
Welcome To PKU JudgeOnline
Welcome to Hangzhou Dianzi University Online Judge
Inigo Quilez :: fractals, computer graphics, mathematics, shaders, demoscene and more
木易杨前端进阶
飞书 - 在飞书,享高效
晚霞客的博客_新浪博客
前端生活-社区
chengyuming
我的桌面 - 石墨文档
前端日刊
Pines Cheng‘s Blog
How2J 的 Java教程
无忧脚本 - Powered by Discuz!
Qt开源社区-致力于Qt普及工作! - qt qml linux 嵌入式 教程!
Super User
Ask Ubuntu
程序通事
DEV Community 👩‍💻👨‍💻
Dev.Opera
前端乱炖, 最专业的前端技术内容社区
lucifer的网络博客
创业邦 - 帮助创业者成功
前端开发博客-分享前端开发
cnBeta.COM - 中文业界资讯站
链滴 - 记录生活,连接点滴
开发者客栈
DigitalOcean Community | DigitalOcean
自然醒的博客
Aotu.io「凹凸实验室」
华为云博客_大数据博客_AI博客_云计算博客_开发者中心-华为云
Teach Yourself Scheme in Fixnum Days
Dorai Sitaram’s Home Page
xjjdog Java高阶知识分享
HTML5 Rocks - A resource for open web HTML5 developers
HTML5 Rocks - 为开放网络 HTML5 开发人员提供的资源
Archives—zachleat.com
Meta Stack Exchange

Python

Python core

Download Python | Python.org

Python frameworks

Django

一杯茶的时间,上手 Django 框架开发 - 掘金
django/django: The Web framework for perfectionists with deadlines.

Flask

pallets/flask: The Python micro framework for building web applications.

Python libs、plugins&tools

jorgebastida/awslogs: AWS CloudWatch logs for Humans™
baidu/CUP: CUP, common useful python-lib. (Currently, Most popular python lib in baidu)
Supervisor/supervisor: Supervisor process control system for UNIX
astropy/astropy: Repository for the Astropy core package
astropy/astroquery: Functions and classes to access online data resources. Maintainers: @keflavich and @bsipocz

incubator-superset

apache/incubator-superset: Apache Superset is a Data Visualization and Data Exploration Platform

openpyxl

Python 自动化办公之 Excel 模块 — openpyxl 的基本使用!

Python 资源、整理集&FAQ

Python 资源

awesome-python-applications

mahmoud/awesome-python-applications: 💿 Free software that works great, and also happens to be open-source Python.

PyCharm

详尽实用的 PyCharm 教程,这篇文章值得一看!

taizilongxu/interview_python: 关于Python的面试题
facert/awesome-spider: 爬虫集合
jackfrued/Python-100-Days: Python - 100天从新手到大师
agermanidis/livepython: Visually trace Python code in real-time.
cosmicpython/book: A Book about Pythonic Application Architecture Patterns for Managing Complexity. Cosmos is the Opposite of Chaos you see. O'R. wouldn't actually let us call it "Cosmic Python" tho.
万字干货,Python语法大合集,一篇文章带你入门
diveintomark/diveintopython3: [Mirror] Dive Into Python 3 online book

Python 整理集

Rest-Framework 专栏目录
建议你吃透这68个内置函数!

Python FAQ

【老板叫我了】python常用方法和运算符整理 - 掘金
利用 Python 破解 ZIP 或 RAR 文件密码 - 掘金
我为什么建议前端将Python 作为第二语言? - 掘金
python获取当前文件路径以及父文件路径 - yyy430的博客 - CSDN博客
python获取文件的绝对路径 - S-H_A-N - CSDN博客
python获取当前文件路径以及父文件路径 - lucky_zhang - 博客园
快来看啊!原来Python里还有这些的一些有趣的东西!
十分钟掌握pyecharts十类顶级图,建议收藏!
百度网盘高速下载器,亲测10M/s(附下载)
10行Python代码使用磁力链接批量下载种子,你的假期再也不会无聊了!
https://mp.weixin.qq.com/s?__biz=MzU1NDcwNTE2OA==&mid=2247487149&idx=1&sn=d4749cae175558a3af8a42344c6ca768&chksm=fbdec6d2cca94fc425f65e061be68b8a12fb62b7209855ebab6dc0d3fba598d0b1d8c8894b6f&mpshare=1&scene=23&srcid=&sharer_sharetime=1581396317108&sharer_s
11 个最佳的 Python 编译器和解释器
我用python远程探查室友每天的网页访问记录,他不愧是成年人!
推荐一款比Excel还牛的神器,竟然可以用Python直接操作!

PHP

PHP core

PHP frameworks、libs、plugins&tools

grpc-php

grpc/grpc-php: Repo for gRPC PHP

PHP 资源、整理集&FAQ

R

R core

R: The R Project for Statistical Computing

R frameworks、libs、plugins&tools

R 资源、整理集&FAQ

RomanTsegelskyi/rbooks: A curated list of #rstats books

Rust

Rust core

rust-lang/rust: Empowering everyone to build reliable and efficient software.
lpxxn/rust-design-pattern: rust design patterns
Rust Programming Language
Rust 语言之旅 - Let's go on an adventure!

Rust frameworks、libs、plugins&tools

Rust 资源、整理集&FAQ

Rust 资源

rust-lang/rust-by-example: Learn Rust with examples (Live code editor included)

Rust 整理集

Rust FAQ

[译] Rust 2018 已经发布……但它到底是什么呢?
在 2020 年用 Rust 写前端什么体验
新技术学习不完全指北:以 Rust 为例

Swift

Swift core

Swift frameworks、libs、plugins&tools

grpc-swift

grpc/grpc-swift: The Swift language implementation of gRPC.

Swift 资源、整理集&FAQ

mojito: 麻烦给我的爱人来一份 RxSwift - 掘金

swift-algorithms

apple/swift-algorithms: Swift Algorithms is an open-source package of sequence and collection algorithms, along with their related types.

WebAssembly

WebAssembly core

WebAssembly
WebAssembly 中文网|Wasm 中文文档

WebAssembly frameworks、libs、plugins&tools

oak

elliotforbes/oak: A Go Based WebAssembly framework for building frontend applications in Go!

webassemblyjs

xtuc/webassemblyjs: Toolchain for WebAssembly
webassemblyjs · webassemblyjs

walt

ballercat/walt: Walt is a JavaScript-like syntax for WebAssembly text format
Walt Explorer

yew

yewstack/yew: Rust / Wasm framework for building client web apps
jetli/awesome-yew: 😎 A curated list of awesome things related to Yew / WebAssembly.

ColinEberhardt/wasm-sudoku-solver: a WebAssembly-powered AR sudoku solver

WebAssembly 资源、整理集&FAQ

WebAssembly 资源

appcypher/awesome-wasm-langs: 😎 A curated list of languages that compile directly to or have their VMs in WebAssembly
WebAssembly 现状与实战 – IBM Developer

WebAssembly 整理集

WebAssembly FAQ

20分钟上手 webAssembly
Web程序性能优化——asm.js和WebAssembly - 掘金
实现一个简单的基于 WebAssembly 的图片处理应用
WebAssembly在eBay的实践:速度提升50倍-InfoQ
Why WebAssembly is a Big Deal. WebAssembly is a technology that every… | by Michael van der Gulik | Medium
WebAssembly: another JVM? - DEV Community

云计算

$Cloud Native

Open Application Model

$云端共享文件系统

JuiceFS

juicedata/juicefs: JuiceFS is a distributed POSIX file system built on top of Redis and S3.
JuiceFS - 为云端设计的 POSIX 共享文件系统

heroku

Heroku
Cloud Application Platform | Heroku
Cloud Application Platform | Heroku
The Heroku CLI | Heroku Dev Center

Kubernetes

rootsongjc/kubernetes-handbook: Kubernetes中文指南/云原生应用架构实践手册 - https://jimmysong.io/kubernetes-handbook
fanux/sealos: 只能用丝滑一词形容的kubernetes高可用安装(kubernetes install)工具,一条命令,离线安装,包含所有依赖,内核负载不依赖haproxy keepalived,纯golang开发,99年证书,支持v1.16 v1.15 v1.17 v1.18 v1.19 v1.20集成containerd离线包!
序言 · Kubernetes Handbook - Kubernetes中文指南/云原生应用架构实践手册 by Jimmy Song(宋净超)

kruise

openkruise/kruise: Automate application management on Kubernetes

openyurtio/openyurt: OpenYurt - Extending your native Kubernetes to edge(project under CNCF)

TencentCloudBase/cloudbase-cli: The cli tool for cloudbase
Google论文、开源与云计算_李孟的博客-CSDN博客
(...) 云上自动化 vs 云上编排_开发者之家 - SegmentFault 思否

汇编语言

汇编语言入门教程 - 阮一峰的网络日志
汇编入门第一篇,小白也能看懂

The Other

$产品经理、运营&设计师

¥产品经理

¥运营

运营工具

社群营销解决方案_社群管理_社群运营工具_打造社群经济 - 孤鹿(Group+)
表单大师,简单好用的数据收集、管理和分析平台
有哪些值得推荐的数据可视化工具? - 商业 - 知乎
诸葛io-精细化数据分析工具,移动应用分析,移动用户行为分析,数据运营
秀米首页 - 秀米 XIUMI
BenVista - Enlarge images and increase photo resolution at high quality using PhotoZoom Pro 7 with S-Spline interpolation technology
使用FILEminimizer Suite压缩PowerPoint,优化Word,Excel,PDF,图像和照片
PPT Minimizer 4.0 - 下载
PPT遥控器
Inpaint photo restoration software - remove elements from your photos
收趣云书签 - 我的云端收藏夹,稍后阅读神器
秒速5厘米 - 图片托管服务
搜狗微信搜索_订阅号及文章内容独家收录,一搜即达

多图拼贴成马赛克

Tagxedo - Word Cloud with Styles
Welcome | FMEdda | Foto-Mosaik-Edda
相似图片搜索的原理 - 阮一峰的网络日志
(1 封私信 / 1 条消息) 由数量众多照片拼贴而成的马赛克图片是怎么做出来的? - 知乎
【教程】千图成像_photoshop吧_百度贴吧
【分享】类似路径文字的一个效果,好像叫标签云_photoshop吧_百度贴吧
牛!Mathematica还能这样用!自己制作马赛克拼图 | Matrix67: The Aha Moments

爱斗图 - 斗图吧 - 斗图表情包 - 斗图神器 - adoutu.com

¥设计师

设计素材

PotatofieldImageToolkit: 一个适用于摄影从业者/爱好者、设计师等创意行业从业者的图像工具箱。
Sketch - Professional Digital Design for Mac
有哪些 PS 素材质量较高的的网站? - Adobe Photoshop - 知乎
花瓣网_陪你做生活的设计师(发现、采集你喜欢的灵感、家居、穿搭、婚礼、美食、旅行、美图、商品等)
千库网-免费png图片背景素材库588ku.com
图鱼 - 好用的网页PS设计底纹背景图片纹理素材网站
SDC设计师网址导航 - 学设计从这里开始!
::设计路上::酷站收藏大全,酷站欣赏,韩国网站欣赏,欧美网站,国内网站欣赏,设计欣赏,网页设计,网站建设,平面设计,韩国矢量素材下载
Ps字体下载大全_Ps教程大全_Ps123.Net
在线图像处理工具-最好用的图片处理软件,照片处理工具
艺术字体在线生成器 艺术字转换器
大图网 - 影楼素材,PSD素材,矢量素材,高清图片素材,高品质设计素材共享
我图网,提供图片素材及模板下载,专注正版设计作品交易
站酷 (ZCOOL) - 设计师互动平台
思缘论坛 平面设计,Photoshop,PSD,矢量,模板,打造最好的素材和设计论坛
中国色 - 中国传统颜色
UICloud | User Interface Design Search Engine, UI, UX, GUI, Inspiration, Resources, Elements, User Experience, Free Downloads, Freebies
图标搜索引擎 - 下载475450个免费图标, PNG图标, 网页图标
Free Photoshop Brushes, Photoshop Patterns and Textures | Fbrushes
Wikimedia Commons
NicePic - 每天都有新图片
Free Online OCR - convert scanned PDF and images to Word, JPEG to Word
配色网-致力色彩搭配方案的交流与学习
配色工具-设定控
美图秀秀网页版 官方网站_在线制作图片及图片处理工具
Kap - Capture your screen
HiPPTER | PPT资源导航 | PPT模板图表等设计素材免费下载

设计

韩都衣舍(HSTYLE)创意赠品设计大赛-礼品设计-猪八戒网
威客-创意,一品威客网,中国专业威客网站
PS教程:打造一个岩浆特效字体
AI+PS制作立体文字效果_平面设计_原创经验分享 - Powered By 站酷(ZCOOL)
中文字体设计养成_平面设计_原创经验分享 - Powered By 站酷(ZCOOL)
首页-宝晶缘☆天然水晶直营店☆东海厂家+实体+批发+零售-- 淘宝网
不一样的淘宝 淘宝万向城 - 顽兔
????, ??? ?? ??? ???
首页-蜂献旗舰店-- 天猫Tmall.com
九月会员活动专题 by 罐头鱼_交互设计_网页设计_原创设计作品频道 - Powered By 站酷(ZCOOL)
上百种国外优秀logo设计欣赏大合集②&nbsp;&nbsp;喜爱logo设计的不要错过佳作哦~&nbsp;_平面设计_标志设计_佳作欣赏 - Powered By 凌晨叁點_站酷(ZCOOL)
在线书法字典 王羲之书法字典下载 中国书法字典网 书法迷
?? - ???? No.1 ???? ??!
清仓特价 KOJI 益若翼Dolly Wink透明梗 假睫毛 No5 2对 附胶水-淘宝网
平面_广告_工业设计的采集 - 花瓣网
PSD网页模板-PSD素材-素材中国一流素材网
UI素材大夹子 - 满不拿拿 - 花瓣画板
Dribbble - Popular
Online Portfolios on Behance
碎碎念_秀作品_蒋小咏主页_我的联盟
优设(UISDC)_ 优秀网页设计联盟-SDC-听讲座,聊设计,在这里
设计素材 - 设计帝国
Browsing Design Challenges on deviantART
New fonts _ dafont.com
2009PSD分层图库第2版(共15DVD)免费下载 - 专题系列 - 设计帝国
中国素材网!是全国最大最好的素材类网站,速度很快,内容很多!
素材天下
笔秀网素材中国-海纳素材图片网站资源-集中国素材网站之大成 - 笔秀网
牛图库素材网-素材中国-素材天下-矢量图,psd素材,高清图片,flash素材免费下载
生活_时尚酷站欣赏 生活_时尚网站欣赏__设计路上__酷站收藏大全,酷站欣赏,韩国网站欣赏,欧美网站,国内网站欣赏,设计欣赏,网页设计,网站建设,平面设计,韩国矢量素材下载
___欧美日韩酷站欣赏_漂亮时尚网页界面设计欣赏_酷站模板下载收藏_优秀企业公司网站欣赏--欧莱凯酷站欣赏
设计素材下载 - Powered By 站酷(ZCOOL)
UI设计--顶尖创意--顶尖设计
中文字体下载_字体下载大宝库(第6页)_Font.knowsky.com
E网素材库(www.web07.cn),PSD素材免费下载,矢量图,矢量素材下载,矢量素材库,矢量图库,免费矢量素材下载,矢量图片下载,高清矢量素材,免费PSD下载,PS笔刷下载
素材列表-视觉中国下吧
视觉中国下吧 - 我的下吧首页
Surreal Fantasy Photomanipulation _ MyInkBlog
Think Design _ Graphic Design Freebies, Resources, and Inspiration.
创意天地
Welcome to Cilantro
素材资源 - 中国教程网
PSD book by ~TLMedia on deviantART
Skout&trade; &bull; resources + for designers + by designers
ArchGo! 世界优秀建筑到您的桌面
http___www.penshow.cn_download.php_id=64133
我的联盟_网页设计师联盟
网页设计师联盟--国内网页设计综合门户
Free PSD, CSS Snippets and resources for web designers | Freebiesbug
Themes | dafont.com
Launch Your Stunning Site | Wix.com
Wix Free Website Builder | Wix.com
背景纹理素材网站
Premium & Free Design and Web Resources | Pixeden
英文字体 ,英文字体下载,英文字体下载大全-font.chinaz.com
Typography Served :: Gallery
设计师网址导航_学设计从这里开始!
疑 心 病 。-人像摄影-作品展示-POCO摄影社区-POCO.CN 我的照片 我的空间
专题页设计技巧浅析
推荐!40个设计师必备的资源网站
Creattica
平面素材库下载 - 数码资源网
UEDFans-UED网址导航-设计-UI-UX
12 New Photoshop Tools
PSD原文件_PSD分层素材_psd源文件 -创意素材库
黄蜂网-网页设计、手机界面设计灵感地
???? ?? ??? C&C ?????
101个鲜为人知的超实用网站
饕餮盛宴:36个美食餐饮类网站创意设计
Best wallpapers / Wallbase.cc
::? GDWEB 2013 ?
IVAN TEJERO G. Creative Graphic Designer
Lost Type Co-op | Browse Fonts
Fonts2u.com
★优秀banner★ - 4|1/2 - 花瓣画板
宝贝描述 - douweiwei - 花瓣画板
网络广告设计,flash网络广告欣赏第 8 页_黄蜂网
Dijean
乐天超市购物网站海报设计欣赏0119 - 4|1/2采集到★优秀banner★ - 花瓣
商城店铺体验设计组织 | 商城店铺体验设计组织
华丽丽随机晶格化背景[如何转换学习技巧(一)] by Graye - 设计经验分享 - 站酷网(ZCOOL)
一月 | 2013 | 微博UDC
Handpicked free fonts for graphic designers with commercial-use licenses. | Font Squirrel
秀作品_王敏主页_我的联盟
爱果果 &raquo; 好闺蜜?誓一起
re:vision
87time&nbsp;C4D基础实例入门教程&nbsp;01 by 87time - 设计经验分享 - 站酷网(ZCOOL)
C4D&PS制作三维字母插图,蓝色性格翻译制作 by 蓝色性格 - 设计经验分享 - 站酷网(ZCOOL)
UI 设计的采集 - 花瓣网
太原网站建设,山西网站建设,平面设计,友特邦网络-首页
专题活动1307
From up North - High quality design inspiration
泡沫_O(&cap;_&cap;)O采集到专题设计
UI设计_软件界面设计欣赏_后台界面-UI制造者-专注UI界面设计
在线印章制作,DIY印章,个性印章制作,在线电子印章制作,在线公司刻章 - 随便吧在线制作平台
Design lol 全球设计精华分享&nbsp;|&nbsp;为设计欢呼
waplez
致设计-中国最大的电商设计师交流平台-交流社区
Web Design Blog, Tutorials and Inspiration | Web Design Ledger
CHINAUI优艾网-中国人机界面设计门户网站
UI设计_分享以用户体验为中心的设计 | 盒子UI
爱设计|美图欣赏|网购时尚分享|网站设计欣赏|网站界面设计-爱设计网
HTML我帮您 网罗精品软件、网站源码、JQUERY、ExtJs、PSD、页面特效、HTML5学习网站、CSS3特效大全、CSS3学习网站,网罗一切免费web资源分享给大家!
中国专业素材网,素材天下网,素材中国下载网 - 素材公社 tooopen.com
牛图库-素材中国-素材天下-中国素材网-免费素材网-图片素材网-素材网
设计师网址大全_爱设计|美图欣赏|网购时尚分享|网站设计欣赏|网站界面设计-爱设计网
中国素材网_素材天下_素材中国_站长素材_素材网_免费图片素材下载_找素材网
懒人图库 - 矢量图,网页素材下载 - 学会偷懒,懒出境界!
psd-素材免费下载-psd素材-psd文件用什么打开

优设导航 - 学设计从这里开始!
设计导航 - 精选最好的设计网站大全
创造狮 创意工作者导航
Seeseed-无穷尽设计可能

产品经理导航|运营导航|设计师导航-阿猫阿狗导航

$搜索导航站&资源导航

¥虫部落

虫部落-让搜索更简单!
快搜 - 搜索快人一步 - Google
学术搜索 - 站在巨人的肩膀上 - Google 学术
电子书搜索 - Google
资源搜索 - 网盘搜索
设计素材搜索 - 让设计更轻松! - 设计常用
虫部落-让搜索更简单!

xiandanin/magnetW: 磁力链接聚合搜索
PanDownloadServer/Server: PanDownload的个人维护版本
AnywhereAnything
国外网站推荐-分享互联网-外国网站大全
万花筒
龙喵网 - 有态度的网址导航
RunBT - 磁力搜索_BT搜索_磁力链接_种子搜索
BT樱桃 - 磁力链接搜索引擎
BT磁力链 - 最好用的磁力链接搜索引擎
搜云盘

$电影、电视剧、动漫、综艺、音乐&图书

顾乾坤的实验室
茶杯狐 Cupfox - 努力让找电影变得简单
PA口袋动画官网
口袋动画,PPT动画,UI设计 -口袋知识网
第一图书网_PDF图书下载_PDF教材下载_免费PDF电子书下载
熊猫搜书
精品下载(免费软件下载网站)|打造最安全最新的免费软件下载站

$文件、图片&字体

PDF处理

Online PDF Converter - Create, edit and merge PDF - Unlock PDF and remove protection - Free
PDFdo.com -- 在线免费处理转换PDF
Smallpdf.com – 您所有PDF问题的免费解决方案
PDF转Word | 免费在线PDF转Word | PDF转Word转换器 | PDF转化速度快 | 首页
PDF转换成Word转换器在线免费 - pdf怎么转换成word-转转大师PDF转换器免费版

在线图片优化器
iLoveIMG | 图像文件在线编辑工具
字体转换器在线转换 艺术字体在线生成
微微在线二维码生成器
PPT美化大师-不会做PPT,也能做好PPT-PPT模版|PPT图示|PPT素材|PPT形状|PPT画册|图片素材
Nordri Tools——让PPT变得简单起来
免费在线文件转换器 - 免费在线转换视频,音频,图形,文档和压缩格式.
MySlide - 专注PPT分享,追随SlideShare和SpeakerDeck的脚步
2019年ArchSummit全球架构师峰会:Backend For Frontend(BFF)in Serverless.pdf-完整版资料下载-皮匠网

分析研究报告

199IT互联网数据中心 | 199IT–发现数据的价值。 | 中文互联网数据研究资讯中心-199IT
艾瑞咨询-生活梦想 科技承载
慧博投研资讯,迈博汇金,中国最大的投资研究报告数据平台,慧博,慧博投研资讯,迈博汇金资讯,迈博资讯,专业金融信息服务网站,第一时间提供海量证券研究报告,股票研究报告,券商研究报告,行业
财华社_财华网_财华智库网_财华中国网
研究报告(report)_股吧_金融界爱股
【机构研究报告交流区】 - 理想论坛 中国人气最旺的股票论坛
股票价值分析报告网_提供上市公司个股调研报告|宏观经济研究报告|行业研究报告等分析资料下载
行业研究报告 海风股票论坛
首页-阿里研究院
IT桔子报告
个推行业报告
首页-腾讯研究院
腾讯移动分析|免费移动应用APP统计| H5统计|渠道统计|用户画像
DCCI互联网数据中心 洞察网络
国家数据
中国互联网络信息中心
中华人民共和国国家统计局>>中国统计年鉴
百度预测-大数据 知天下
搜狗学术
PPT加演示录制,控制和分享—PPT+音频内容分享平台
数据分析网-大数据资讯、观点、技术研究中心
产品经理数据分析, 增长黑客学习网站,教程免费下载 - GrowingIO 官方博客
搜索结果 数据嗨客-数据分析网

43个超超超超超超实用的导航网站,1个能顶100个!(推荐收藏) - 知乎
Timeline of Earth
注册 — 极客云

Google
百度一下,你就知道
Tenda WiFi

flosse/sloc: simple tool to count SLOC (source lines of code)
typicode/lowdb: ⚡️ lowdb is a small local JSON database powered by Lodash (supports Node, Electron and the browser)
Advanced-Frontend/Daily-Interview-Question: 我是木易杨,公众号「高级前端进阶」作者,每天搞定一道前端大厂面试题,祝大家天天进步,一年后会看到不一样的自己。
ohmyzsh/ohmyzsh: 🙃 A delightful community-driven (with 1700+ contributors) framework for managing your zsh configuration. Includes 200+ optional plugins (rails, git, OSX, hub, capistrano, brew, ant, php, python, etc), over 140 themes to spice up your morning, and an auto-update tool so that makes it easy to keep up with the latest updates from the community.
爱康国宾体检预约_爱康国宾体检报告查询 - 爱康国宾健康管理机构
Bangumi 番组计划
网站访问量的统计 - 别动我的猫 - 博客园
访问量统计详细说明
HTTP常见头域 - zzz紫川 - 博客园
高级前端进阶博文 | 木易杨前端进阶
Awesome Wallpapers - wallhaven.cc
Dynamic Wallpaper Club
BuildRun企业级低代码开发平台
我们为什么要读书呢? - 知乎
r/SpaceX API Docs
使用 React Hooks 声明 setInterval — Overreacted
玩转在线文档—场景示范 - 腾讯文档
Catalina 程序员开发工具首页
React实战技术博客系统_哔哩哔哩 (゜-゜)つロ 干杯~-bilibili
网址大全
Vedio
Initial page - YingHua1314
Iconfont-阿里巴巴矢量图标库
www.uyi2.com/race?id=140
将数据库结构修改提交到生产环境下数据库 - LEON的博客 - CSDN博客
让 Chrome 崩溃的一行 CSS 代码_CSS教程_CSS_网页制作_脚本之家
e学堂-学生的好帮手
课程 - 邢帅教育
北京SEO公司_SEO顾问_SEO外包服务_【方法SEO顾问】
Watch People Code Products Live and Learn Programming - LiveCoding.tv
百度新闻搜索_邮件新闻订阅
iss
图片怎么和视频合并 图片放视频前面加片头 放视频后面加片尾 - 狸窝转换器下载网
创建工作经历
Win10修改编辑hosts文件无法保存怎么办_百度经验
[最新]DIY手工折纸简单玫瑰花折法-母婴-高清视频–爱奇艺
199IT-互联网数据中心的分享 - 微盘
105个软件测试工具大放送_IT新闻_博客园
操作系统-清华大学-学堂在线
诗辞赋取名:300个藏在《诗经》《楚辞》《洛神赋》中唯美的名字大全!
带有玉字的字_简单知识网
BlackLight/micmon: A Python library and set of scripts to create labelled audio datasets from raw audio files and use them to train sound detection models.
程序员带娃有多“恐怖” ?!_Python开发者-CSDN博客
World War One Color Photos - World War One Color Photos
Pantless
Pin-ups | Pin-up Girls in Art & Photography
John Holcroft Illustrator www.johnholcroft.com
CartoonStock - Cartoon Humor, Political Cartoons, Comics, Illustrations
表情制作--爱斗图-斗图吧斗图神器官网,逗逼网在线免费生成各种搞笑逗比斗图表情头像,暴走斗图大会金馆长专用在线表情生器
Find
UPUP 拍立得 - Haniboi
「007」css进阶之彻底理解视觉格式化模型
前端速报
程序IT圈
IT平头哥联盟
网站优化实战 - Jartto's blog
yanxi-me/weixin-js-sdk: 微信官方 js-sdk CommonJS 版本
h5页面在不同ios设备上的问题总结 - 掘金
如何使用函数来优化性能 - 掘金
基于Taro框架的微信小程序JWT授权登录方案 - 掘金
JavaScript 原型和原型链及 canvas 验证码实践 - 掘金
[译]坐标系和坐标轴 - 掘金
[译] 网速敏感的视频延迟加载方案 - 掘金
Tasks, microtasks, queues and schedules - 前端 - 掘金
基于JS简单甘特图 - 掘金
h5页面在不同ios设备上的问题总结
常见的web开发问题以及避免方式
【译】JS运行时环境 - 掘金
JS引擎线程的执行过程的三个阶段 - 掘金
阅读分析snabbdom源码 · Issue #9 · Limuyang1013/weblogs
记录小程序touchmove事件中setData优化过程 - 掘金
🦋 前端开发行为指导规范 - 掘金
GraphQL学习过程应该是这样的 - 掘金
[译] 为函数自定义属性的八种实现方法 - 掘金
JS中的栈内存、堆内存 - 掘金
编写高性能的JavaScript - 掘金
从零开始学习时空数据可视化(序) - 掘金
Chrome 中 JavaScript 加载优先级 - 前端 - 掘金
Node.js环境性能监控 - 掘金
GitHub + Hexo搭建自己博客(二) Next主题配置 - 掘金
「译」为 JavaScript 开发者准备的 Flutter 指南 - 前端 - 掘金
前端之路: 用github的webhooks实现项目自动化构建 - 掘金
探索JS引擎工作原理 - 前端 - 掘金
React通过redux缓存列表数据以及滑动位置,回退时恢复页面状态 - 掘金
实现一个简单的 JavaScript 编译器 - 掘金
认识 Service Worker - 掘金
chenyueban/ohbug: js monitor
X 为啥不是 hook? - 掘金
轻量级滑块Swiper插件发布(仅3kb) - 掘金
奇舞学院
normal module replacement plugin
ServiceWorker 缓存离线化 - 掘金
欣仔互动
[译] 已经 2019 年了,我依然赤手空拳制作网站 - 掘金
前端资源加载重试 - 前端 - 掘金
如何利用lerna管理模块 - 掘金
vue+node全栈移动商城【11】连接mongodb并存入数据 - 掘金
从规范看ECMAScript(二):数据类型 - 掘金
手把手教你实现一个canvas智绘画板 - 掘金
从“冰柜”到“冰棍儿”,下载Github单个文件 - 掘金
我是如何让公司后台管理系统焕然一新的(上) -性能优化 - 掘金
Notion – The all-in-one workspace for your notes, tasks, wikis, and databases.
service worker轻度探索 - 解决运营活动需求中的图片加载问题? - 掘金
前端技术周刊 2019-02-26:前端代码保护 - 掘金
逐行分析Koa中间件机制 - 掘金
帧动画的多种实现方式与性能对比 - 掘金
教你从头写游戏服务器框架 - 掘金
基于 Babel 的 npm 包的最小化设置 - 掘金
如何借助SVG+CSS用2个小时撸完一个网易云音乐的动效海报 - 掘金
数组去重的六种方法 - 掘金
从 0 到 1 写一个简单依赖注入系统(1) - 掘金
该用什么姿势来使用 PWA - 掘金
7 个开放式的 CSS 面试题 - 掘金
项目迁移的思考 - 掘金
前端开发之中间件模式 - 掘金
【译】Object与Map的异同及使用场景 - 掘金
[译] 避免那些可恶的 "cannot read property of undefined" 错误 - 掘金
【Node】详解模块的实现过程 - 掘金
[英] Scheduling in React - 前端 - 掘金
[英] 纯基于 CSS 实现不同 scroll 滑动位置的样式改动 - 前端 - 掘金
🔮彻底弄清 this call apply bind 以及原生实现 - 掘金
分享一个冷门知识——文本框的选择文本在业务中的应用 - 掘金
简单盘点浏览器的几种滚动行为 - 前端 - 掘金
JavaScript常用的简洁高级技巧 - 掘金
层叠等级和层叠上下文 - 掘金
即刻起,加速您的前端构建速度 - 前端 - 掘金
aliyun-node
前端同构渲染的思考与实践 - 掘金
2018年了,大家都是怎么从零开始新建一个前端项目的? - 知乎
我在淘宝做前端的这三年 — 第二年 - 掘金
我在淘宝做前端的这三年 — 第一年 - 掘金
yujiangshui/A-Programmers-Guide-to-English: 专为程序员编写的英语学习指南 v1.2。在线版本请点 ->
谈谈面试与面试题 · Issue #4 · wintercn/blog
记一次字符串分割的工作 - 掘金
关于 promise 吃到错误的理解 - 另一个小菜头 - 博客园
(译)保持你的代码整洁 - 掘金
用 async/await 来处理异步 - SamWeb - 博客园
[ ES6 ] 快速掌握常用 ES6 (一) - 掘金
精读《Serverless 给前端带来了什么》 - 掘金
[ ES6 ] 快速掌握常用 ES6 (二) - 掘金
面试失败贴之《如何动手创建一个简单的MVVM框架》 - 掘金
Promise初步详解(resolve,reject,catch) - selfimpr626 - CSDN博客
【译】JS的执行上下文和环境栈是什么? - 掘金
前端开发者必备的Nginx知识 - 掘金
【vue 删除 对象属性】 - CSDN
vue 数组中嵌套的对象添加新属性--页面更新 - 简书
【vue2 给对象添加属性】 - CSDN
JS进击之路:作用域 - 掘金
Vue.delete()删除对象的属性 - xiasohuai的博客 - CSDN博客
函数声明与变量声明的提升机制优先级问题 - 掘金
(for..in)、Object.keys() 和 Object.getOwnPropertyNames(),for...o - 前端 - 掘金
前端代码质量优化交流 - 掘金
vue 钩子函数 使用async await - 孟繁贵 - 博客园
在Vue中使用async函数 - 比利Billy - CSDN博客
MySQL 数据库设计总结 - 掘金
CSS 将支持三角函数 - 前端 - 掘金
面试之CSS篇 - 实现三栏布局的延伸 - 掘金
vue async/await同步 案例 - 春风十里的情 - 博客园
vue.js - vue-cli构建的项目中如何使用async await - SegmentFault 思否
vue中用async/await 来处理异步 - 简书
让你的网页更丝滑(一) - 掘金
vue中异步函数async和await的用法_玉小希_新浪博客
5分钟彻底理解Object.keys - 掘金
从JS的运行机制的角度谈谈作用域 - 掘金
5分钟彻底理解Object.keys - 前端 - 掘金
for in,Object.keys,for of 的区别 - 掘金
(for..in)、Object.keys()和Object.getOwnPropertyNames(),for...of - 掘金
for in,Object.keys(),for of,hasOwnProperty()怎么用? - 掘金
【前端词典】F5 同 Ctrl+F5 的区别你可了解 - 掘金
2分钟轻松搞定Object.keys(),for...in,getOwnPropertyNames()的区别 - 掘金
神奇的 Object.defineProperty - 掘金
解析神奇的 Object.defineProperty - 阅读 - 掘金
ES6 系列之 defineProperty 与 proxy - 掘金
350 个特性看透 ES6 - 前端 - 掘金
[译]JavaScript Symbols, Iterators, Generators, Async/Await, and Async Iterators  - 掘金
前端权限管理之 addRoutes 动态加载路由踩坑 - 掘金
ES 5 新增特性汇总 - 掘金
Object()的方法一览 - 掘金
开发一个React + Electron应用 - 掘金
js 中对 Object 对象的一些常用操作总结 - haorooms - 前端 - 掘金
理解 JavaScript 的 Object.defineProperty() 函数 - 前端 - 掘金
写chrome插件前必须要知道的 - 掘金
ES6 中的 Symbol、Set 和 Map - 前端 - 掘金
React PureComponent 使用指南 - 前端 - 掘金
IT平头哥联盟
Use Any Javascript Library With Vue.js - Vue.js Developers
Meta Robots Tag & Robots.txt Tutorial for Google, Bing & Other Search Engines
vue引入第三方非模块化插件 · Issue #4 · CodeDreamfy/CodeDemo
Object.defineProperty() - JavaScript | MDN
SnapKit/Masonry: Harness the power of AutoLayout NSLayoutConstraints with a simplified, chainable and expressive syntax. Supports iOS and OSX Auto Layout
ApacheCN 学习资源汇总 2019.3 - 掘金
我所知道的面试手册 - 掘金
lodash/lodash at 4.17.11-es
lodash/fp at 4.17.11-npm · lodash/lodash
每日 30 秒之 巧用可视区域 - 掘金
理解 JavaScript Mutation 突变和 PureFunction 纯函数 - 掘金
浅谈 Web 安全 - 掘金
🍭 图解原型和原型链 - 掘金
wix/eslint-plugin-lodash: ESLint rules for lodash
[译]2019版 web 浏览器现状 - 掘金
jfmengels/eslint-plugin-lodash-fp: ESLint rules for lodash/fp
【Tomcat】Tomcat工作原理及简单模拟实现 - 掘金
Lodash Archive
几道和散列(哈希)表有关的面试题 - 掘金
Javascript注释规范 - lianlin21212411的博客 - CSDN博客
JavaScript代码注释范例 - yuxiaolong021的博客 - CSDN博客
深入理解JavaScript作用域和作用域链 - 掘金
YUIDoc Syntax Reference
第二章 Closure javascript注解 - 章志强的专栏 - CSDN博客
Vue 模板 | 大漠老师 w3cplus - 前端 - 掘金
yuche/javascript: Airbnb JavaScript 编码规范
js/javascript代码注释规范与示例 - chunlynn的小屋 | 头条号:有范管理美学 - CSDN博客
Js注释 - S&L·chuck - 博客园
为什么用「void 0」代替「undefined」 - 掘金
YUIDoc Syntax Reference
yui/yuidoc: YUI Javascript Documentation Tool
优化动画卡顿:卡顿原因分析及优化方案 - 掘金
JSDoc Guide
iamjoel/be-grace-front-end-developer: 让WEB前端的变优雅的东东,如:代码规范,代码组织,最佳实践之类
vue生命周期详解 - 掘金
javascript - "export default from" doesn't work with Babel React - Stack Overflow
Module 的语法 - ECMAScript 6入门
javascript - Re-export default in ES 6 modules - Stack Overflow
回到基础:如何用原生 DOM API 生成表格 - 掘金
Production Deployment — Vue.js
CSS 怎样写一个动画(从基础动画到3d动画) - 掘金
GraphQL 从入门到实践 - 掘金
防抖和节流的应用场景和实现 | 码农网
window.history - MDN
2019 面试准备 - JS 防抖与节流 - 掘金
十六进制颜色代码表,图表及调色板 - Encycolorpedia
Webpack系列-第三篇流程杂记 - 掘金
学习 PixiJS — 小精灵冒险 - 掘金
keywords:babel-plugin - npm search
VUE的component和components - 简书
解惑,什么是data-attribute ? - 掘金
你真的了解webview么? - 前端 - 掘金
Web Worker融会贯通 - 前端 - 掘金
ConyEdit Home
jquery 监听div大小变化函数|div resize事件 - mengzhengjie的专栏 - CSDN博客
如何使用 docker 高效部署前端应用 - 山月的个人博客
基于jquery fly插件实现加入购物车抛物线动画效果,jquery.fly.js - 小小强学习网 - 博客园
wendux/style-selector-jQuery-plugin: Custom jQuery selector, through which we can choose the specified CSS style characteristics of the DOM elements.
Commit message 的格式说明 - 尝试归零的感受 - CSDN博客
DCloud - MUI 快应用
docs(options.md): Change default value of `esModule` by imcvampire · Pull Request #905 · vuejs/vue-loader
一次弄懂Event Loop(彻底解决此类面试问题)
彻底搞清楚javascript中的require、import和export - 最骚的就是你 - 博客园
huangguangjie/calendar-api: 一个万年历的API工具类,快速集成日历UI的构建方案。
web-pal/react-trello-board: Trello like board based on React, Redux, React-dnd
javascript - Can't require() default export value in Babel 6.x - Stack Overflow
dntzhang/qone: Next-generation web query language, extend .NET LINQ for javascript.
vue.js - vue组件注册为什么有时候要在require后面加上default? - SegmentFault 思否
require('./expample.js).default详解 - 简书
LESS从入门到精通 - 掘金
input中 type=number 的文本框(数字框) 去掉箭头 且不能输入e和标点符号 - nnn_net的博客 - CSDN博客
为何你始终理解不了JavaScript作用域链? - 掘金
输入框input类型为number时,去掉上下箭头方式 - flyingfishzxf的专栏 - CSDN博客
js中如何跳出forEach循环? - 头名字W的博客 - CSDN博客
一个很low的问题,forEach怎么跳出循环? - 云+社区 - 腾讯云
手把手教你实现一个引导动画 - 掘金
sorrycc
Electron系列文章-主进程与渲染进程 - 掘金
用Class写一个记住用户离开位置的js插件 - 掘金
加快你的网站响应速度-Vue懒加载 - 掘金
前端构建秘籍 - 掘金
数据结构的故事之二叉树, 前缀树, N叉树 - 掘金
【愣锤笔记】一篇小短文让你彻底搞懂this、call、apply和bind - 掘金
[译]Rendering React components to the document body - 掘金
在cc里用class和function实现counter - 掘金
如何使用前端技术开发一个桌面跨端应用 - 掘金
Mysql基础 --- 索引+事务 - 掘金
RxJS的学习之路三(创建一个Observable) - 掘金
前端如何搭建一个的简单脚手架 - 掘金
网络学习笔记(二):TCP可靠传输原理 - 掘金
Angular动态创建组件之Portals - 掘金
【译】懒加载组件 - 掘金
如何在 React Native + React Navigation 的项目中优雅地处理 Android 回退按钮事件 - 前端 - 掘金
[译] Vue.js 优雅地集成第三方 JavaScript - 掘金
精读《Function VS Class 组件》 - 掘金
深入理解JavaScript执行上下文和执行栈 - 掘金
Electron-vue开发实战6——开发插件系统之GUI部分 - 掘金
由项目需求中引出的思考,Promise链式调用如何防抖 - 掘金
JavaScript中的“黑话” - 掘金
JavaScript数组的使用小结(详细还是去看MDN) - 掘金
Omi 6.0 - Store 的设计哲学 - 掘金
yiminghe/tyarn: yarn using npm.taobao.org as registry
从迭代器模式到迭代协议 - 掘金
容易被遗忘的前端基础:JavaScript 内存详解 - 掘金
给媳妇做一个记录心情的小程序 - 掘金
前端JS代码的性能探究 - 掘金
前端linux基础,这一篇就够了 - 掘金
这样使用 GPU 渲染 CSS 动画 - 前端 - 掘金
前端er,Jenkins持续化集成环境搭建 - 掘金
Vuex源码学习(四)module与moduleCollection - 掘金
【译】函数组件和类组件有什么不同? - 掘金
一个Vue图片上传剪裁压缩组件 - 掘金
实现高度“听话”的多行文本输入框 - 掘金
全面分析前端的网络请求方式 - 掘金
前端与数据归一化 - 前端 - 掘金
你不需要 jQuery,但你需要一个 DOM 库 - 掘金
【译】Web 性能优化:21种优化CSS和加快网站速度的方法 - 掘金
Permission API 统一查询权限状态 - 掘金
React 高阶组件 - 掘金
JavaScript算法之递归 - 掘金
[译] JavaScript 中为什么会有 Symbol 类型? - 掘金
运动模糊滤镜 – newbieweb
精灵图在 Lottie Web 动画中的应用 – newbieweb
💳 你可能还不知道的 Web 支付流程标准化 - 掘金
DIY一个前端监控平台(上) - 掘金
Webpack 模块打包机制浅析 - 掘金
webpack学习(四) -- css tree shaking - 掘金
Nodejs教程27:Node.js项目之二:实现路由 - 掘金
配置化页面渲染系统设计和实践 - 前端 - 掘金
基于 vue-cli3 打造属于自己的 UI 库 - 掘金
[译] 浏览器帧原理剖析 - 掘金
提高网站加载速度的一些小技巧 - 掘金
[译] 监测与调试 Vue.js 的响应式系统:计算属性树(Computed Tree) - 掘金
原生js 实现输入框emoji表情发布 - 掘金
基于React.Suspense和React.lazy的前端性能优化 - 前端 - 掘金
Render Props and Hooks - 掘金
lpreterite/datagent: Datagent is a modular tool for front-end Ajax requests, providing field definitions, method extensions, switching sources and more
React 之 Refs 详解 - 掘金
Tapable v1.1文档翻译+简单解释 - 掘金
浅尝Vue.js组件(二) - 掘金
JS 分步实现柯里化函数 - 掘金
[译] JavaScript 异步演进史,从 Callbacks, Promises 到 Async/Await - 掘金
【译】Web 性能优化:理解及使用 JavaScript 缓存 - 掘金
给你的 VuePress 添加 Gitalk 评论插件吧 - 掘金
原生JS如何实现包含各种类型数据的深克隆 - 掘金
性能优化篇 - Performance(工具 & api) - 掘金
设计系统中的排版方法 - 前端 - 掘金
【译】我是如何学习任意前端框架的 - 掘金
一篇文章读懂浏览器渲染机制 - 掘金
常见的浏览器端数据存储方案 - 掘金
React 组件模式学习总结 - 掘金
编写有弹性的组件 - 前端 - 掘金
[译]使用 JavaScript 对象 Rest 和 Spread 的7个技巧 - 掘金
【重学Vue】数据响应原理真的是双向绑定吗? - 掘金
在 WebStorm 中,配置能够识别 Vue CLI 3 创建的项目的别名 alias @ - 掘金
对于观察者模式和发布者-订阅者模式的一些理解 - 掘金
从setTimeout理解JS运行机制 - 掘金
鱼塘翻了,记Node中通过redis缓存session信息遇到的坑 - 掘金
jQuery知识总结之DOM操作 - 掘金
你不知道的 requestIdleCallback - 掘金
Vue构建工具的设计与实现 - 前端 - 掘金
[译]Web 性能优化: 图片优化让网站大小减少 62% - 掘金
webpack-contrib/terser-webpack-plugin: Terser Plugin
semlinker/reactjs-interview-questions: List of top 301 ReactJS Interview Questions & Answers
微信,支付宝小程序实现原理概述 - 掘金
【译】JavaScript的内存管理和 4 种处理内存泄漏的方法 - 掘金
一个Vue引发的性能问题 - 掘金
我所知道的 Web 性能优化策略 - 掘金
【Hello CSS】第三章-浏览器的视图与坐标 - 掘金
javascript-apis/README.md at master · YanceyOfficial/javascript-apis
fe/2017-12-07-await-vs-return-vs-return-await.md at master · dev-reading/fe
ReactJS Datepicker crafted by HackerOne
必须要会的 50 个 React 面试题 - 掘金
🍉 PWA 系列(一)——Cache API - 掘金
!DOCTYPE —— HTML文档模式 - 掘金
爬虫利器 Puppeteer 实战 - 淡就加点盐 - 简书
关于Web安全常见的攻防姿势 - 掘金
利用Dectorator分模块存储Vuex状态(下) - 掘金
说说浏览器的恶意网址拦截机制 - 掘金
前端中的同源策略与三种跨域资源共享方法 - 掘金
关于 mailto 语法的一切 - 前端 - 掘金
前端规范化 Lint tools 推荐 - 前端 - 掘金
自动部署模块所需环境依赖--bat批处理 - 掘金
如何开发一款 60fps 的“无缝滚动”插件 - 掘金
几种浏览器播放RTSP视频流的方案 | 灼热光芒
能让你开发效率翻倍的 VSCode 插件配置(上) - 掘金
fxbois/web-mode: web template editing mode for emacs
Canvas绘制一个类似老版支付宝信用分仪表盘效果 - 掘金
JavaScript 算法 - 掘金
如何正确理解栈和堆? - 掘金
TCP - 掘金
JS异步编程之Promise详解和使用总结 - 掘金
关于遍历,看这篇文章就足够了【find()、findIndex()、forEach()、splice()、slice()详解】 - 掘金
Node.js中的事件循环,Timers和process.nextTick() 的探索之路 - 掘金
CSS 绘制各种形状 - 掘金
【翻译】Vue.js 的注意事项与技巧 - 掘金
React 组件自动化测试与持续集成指北(1) - 前端 - 掘金
[译] 使用 CSS 网格布局实现响应式图片 - 掘金
Vue项目history模式下微信分享总结 - 掘金
H5支持度检测常用模式(仅干货) - 掘金
Vue递归组件+Vuex开发树形组件Tree--递归组件 - 掘金
金三银四,那浏览器兼容你知多少? - 掘金
详解 new/bind/apply/call 的模拟实现 - 掘金
Nodejs核心模块之net和http - 掘金
史上最清晰易懂的babel配置解析 - 掘金
如何实现基于Electron的截图识字App(一) - 掘金
AT-UIの入手某东的UI框架 - 掘金
node实战前端缓存总结 - 掘金
JS进击之路:闭包 - 掘金
从零搭建自己的Vue管理端框架(四) - 掘金
小球运动-常规 - 掘金
嫌图标插件太大?canvas自制罗盘仪 - 掘金
【前端词典】从输入 URL 到展现涉及哪些缓存环节(非常详细) - 掘金
React 组件自动化测试与持续集成指北(2) - 前端 - 掘金
二叉搜索树的前驱和后继 - 掘金
精读《编写有弹性的组件》 - 掘金
「前端那些事儿」④ 性能监控 - 掘金
腾讯 Omi 团队发布 mp-jsx - 原生小程序支持 JSX - 掘金
重学 JS 系列:聊聊继承 - 掘金
[译] 前端面试:谈谈 JS 垃圾回收机制 - 掘金
JavaScript遍历方法总结与对比 - 掘金
🔗 抓包分析 TCP 建立和断开连接的流程 - 掘金
一步步搭建 VuePress 及优化【插件系列】 - 掘金
Vue 服务端渲染 & 预渲染 - 掘金
理解前端打包工具原理,不在话下 - 掘金
[译] JavaScript如何工作:垃圾回收机制 + 常见的4种内存泄漏 - 掘金
【译】使用CSS Transitions实现圆形悬停效果 - 掘金
深入 CommonJs 与 ES6 Module - 掘金
Angular 基础整理 - 掘金
你还没有听过React不完全手册?😱😱 - 掘金
WebWorker究极探索 - 掘金
面向对象(理解对象)——JavaScript基础总结(一) - 掘金
前端er了解GraphQL,看这篇就够了 - 掘金
多个跨云服务器之间满带宽测速的一种实现方案 - 掘金
常见的Web安全及其攻防姿势 - 掘金
CSS 搞事技巧:checkbox+label+selector - 掘金
前端面试中常考的源码实现 - 掘金
掘金 AMA:腾讯 Omi 框架作者--dntzhang 聊前端开发、谈学习路径和技术进阶 - 掘金
Difference between CR LF, LF and CR line break types? - Stack Overflow

CSS

如何借助SVG+CSS用2个小时撸完一个网易云音乐的动效海报 - 掘金
7 个开放式的 CSS 面试题 - 掘金
[英] 纯基于 CSS 实现不同 scroll 滑动位置的样式改动 - 前端 - 掘金
层叠等级和层叠上下文 - 掘金
CSS 将支持三角函数 - 前端 - 掘金
面试之CSS篇 - 实现三栏布局的延伸 - 掘金
CSS 怎样写一个动画(从基础动画到3d动画) - 掘金
十六进制颜色代码表,图表及调色板 - Encycolorpedia
input中 type=number 的文本框(数字框) 去掉箭头 且不能输入e和标点符号 - nnn_net的博客 - CSDN博客
输入框input类型为number时,去掉上下箭头方式 - flyingfishzxf的专栏 - CSDN博客
一起搞懂 CSS 水平居中与垂直居中的16个方法 - 掘金
SVG:理解stroke-dasharray和stroke-dashoffset属性 - 掘金
你不需要 jQuery,但你需要一个 DOM 库 - 掘金
jQuery知识总结之DOM操作 - 掘金
【Hello CSS】第三章-浏览器的视图与坐标 - 掘金
!DOCTYPE —— HTML文档模式 - 掘金
👨‍🏫图片压缩Canvas - 掘金
CSS 绘制各种形状 - 掘金
【译】使用CSS Transitions实现圆形悬停效果 - 掘金
前端学习笔记:使用canvas绘制有圆角的百分比进度条 - 掘金
记一次bem命名规范使用优化方案 - 掘金
input [type=number] 各主流浏览器上隐藏/去掉右侧箭头、x号、小眼睛 及 maxlength设置 - freedomVenly的博客 - CSDN博客
Canvas 都坐下,基本操作 - 掘金
JavaScript基础 —— DOM:遍历 与 范围 - 掘金
Canvas绘制一个类似老版支付宝信用分仪表盘效果 - 掘金
手把手教你实现一个canvas智绘画板 - 掘金
CSS 搞事技巧:hover+active - 掘金
一步步教你用 CSS 为 SVG 添加过滤器 - 掘金
PostCSS 常用插件与语法介绍 - 掘金
回到基础:理解 JavaScript DOM - 掘金
重温 Flex 布局 - 掘金
你可能不知道的 CSS3 Animation - 掘金

996.icu到955.holiday--使用Github托管静态网站 - 掘金
编写易维护跨端组件的正确姿势 - 掘金
jeasonstudio/git-hook-996: Git pre-commit hook for 996.
基于webpack4.x项目实战2 - 配置一次,多个项目运行 - 掘金
无代码编程 - 掘金
前端模块化的前世今生 - 掘金
深入了解浏览器存储--从cookie到WebStorage、IndexedDB - 掘金
浅析jQuery原理并仿写封装一个自己的库 - 掘金
流动的SVG线条 - 掘金
QA 自动化测试 - 掘金
editor.js - 一个全新的 block 风格的开源编辑器 | 清晰的 JSON 数据描述 - 前端 - 掘金
干掉一切warning?! - 掘金
庖丁解牛之浏览器事件环 - 掘金
原来 Element 的组件源码还能这么看 - 掘金
Git submodule使用指南(一) - 掘金
前端性能监控 - 掘金
跨域的那点事 - 掘金
深入 JavaScript 常用的8种继承方案 - 掘金
websocket 二进制数据传输基础准备工作 - 掘金
知乎视频播放器 Griffith 开源了~ - 掘金
前端战五渣学JavaScript——深克隆(深拷贝) - 掘金
跨域多方位解决方案 - 掘金
浏览器多线程和js单线程 - 掘金
JavaScript 执行机制-浏览器事件循环 - 掘金
【译】Vue 的小奇技(第十二篇):组件创建时立即调用观察者回调 - 掘金
【浏览器】渲染原理探究 - 掘金
前端知识点 - 掘金
前后端分离那些事 - 掘金
MyBeany/myExcel
MyBeany/myDrag
mr_beany/myDrag: 使用jquery 通过拖拽实现绘画矩形,圆形,横竖线,文本框等内容,可用作绘制电子报表
scutan90/DeepLearning-500-questions: 深度学习500问,以问答形式对常用的概率知识、线性代数、机器学习、深度学习、计算机视觉等热点问题进行阐述,以帮助自己及有需要的读者。 全书分为18个章节
git创建远程仓库并上传代码到远程仓库中 - liuweixiao520的博客 - CSDN博客
Package - umi-plugin-locale-xxg
Sass map详解 - whqet - 博客园
POI动态导出Excel,后台返回文件流,前端responseType格式下载 - krycai - CSDN博客
接口返回二进制文件流,前端通过blob对象实现下载 - aydongzhiping的博客 - CSDN博客
EXCEL文件的后缀名是什么
Vue CLI 3结合Lerna进行UI框架设计 - 掘金
Vue中后台鉴权的另一种思路 - 动态路由的实现与优化 - 掘金
前端想要了解的Nginx - 掘金
高性能图片压缩 —— libjpeg-turbo 的编译与集成 - 掘金
javascript模块化简介 - 掘金
第三代移动端布局方案 - 掘金
如何理解vue的key属性 - 掘金
svg图标的webpack优化 - 掘金
聊聊关于性能优化和其他(一) - 掘金
uni-app使用小程序自定义组件 - 掘金
MongoDB数据库的基本操作梳理 - 掘金
【Hello CSS】第五章-CSS的选择器与函数 - 掘金
vue-router 组件复用问题 | kMacro's blog
Vue页面级缓存解决方案feb-alive (上) - 掘金
[译] 你需要知道的 CSS 中所有 hyphenation 的使用 - 掘金
[译] RxJS: 避免因滥用 switchMap 而导致错误 - 掘金
前端网络编程之缓存策略 - 掘金
codercom/code-server: Run VS Code on a remote server.
https://stackoverflow.com/questions/32400254/vue-js-v-attr-expression
Vue Error编译模板 - 使用v-attr时出现意外冒号 - 问答 - 云+社区 - 腾讯云
如何用你的安卓手机“伪造”GPS定位地址
如何修改(伪装)手机GPS定位地址-百度经验